#5bb9e5

Hexadecimal Color Code

柔らかい青系の色

[RGB] R:91 G:185 B:229

[HSB] H:199 S:60 B:90

[L*a*b*] L*:71.26 a*:-15.04 b*:-30.34

[CMYK] C:62% M:14% Y:8% K:0%

[HSL] H:199 S:73 L:63

[OKLCH] L:74.6% C:0.109 H:231

[Display-P3] R:0.4519 G:0.717 B:0.881

[コントラスト比] Aa 白 2.20:1 ×　Aa 黒 9.51:1 ◎

色相 #e65c5c H:360 S:60 B:90 #e65c73 H:350 S:60 B:90 #e65c8a H:340 S:60 B:90 #e65ca1 H:330 S:60 B:90 #e65cb8 H:320 S:60 B:90 #e65ccf H:310 S:60 B:90 #e65ce6 H:300 S:60 B:90 #cf5ce6 H:290 S:60 B:90 #b85ce6 H:280 S:60 B:90 #a15ce6 H:270 S:60 B:90 #8a5ce6 H:260 S:60 B:90 #735ce6 H:250 S:60 B:90 #5c5ce6 H:240 S:60 B:90 #5c73e6 H:230 S:60 B:90 #5c8ae6 H:220 S:60 B:90 #5ca1e6 H:210 S:60 B:90 #5cb8e6 H:200 S:60 B:90 #5ccfe6 H:190 S:60 B:90 #5ce6e6 H:180 S:60 B:90 #5ce6cf H:170 S:60 B:90 #5ce6b8 H:160 S:60 B:90 #5ce6a1 H:150 S:60 B:90 #5ce68a H:140 S:60 B:90 #5ce673 H:130 S:60 B:90 #5ce65c H:120 S:60 B:90 #73e65c H:110 S:60 B:90 #8ae65c H:100 S:60 B:90 #a1e65c H:90 S:60 B:90 #b8e65c H:80 S:60 B:90 #cfe65c H:70 S:60 B:90 #e6e65c H:60 S:60 B:90 #e6cf5c H:50 S:60 B:90 #e6b85c H:40 S:60 B:90 #e6a15c H:30 S:60 B:90 #e68a5c H:20 S:60 B:90 #e6735c H:10 S:60 B:90 #e65c5c H:0 S:60 B:90
明度 #66cfff H:199 S:60 B:100 #5cbae6 H:199 S:60 B:90 #52a5cc H:199 S:60 B:80 #4791b3 H:199 S:60 B:70 #3d7c99 H:199 S:60 B:60 #336780 H:199 S:60 B:50 #295366 H:199 S:60 B:40 #1f3e4d H:199 S:60 B:30 #142933 H:199 S:60 B:20 #0a151a H:199 S:60 B:10 #000000 H:199 S:60 B:0
彩度 #009de6 H:199 S:100 B:90 #17a4e6 H:199 S:90 B:90 #2eabe6 H:199 S:80 B:90 #45b3e6 H:199 S:70 B:90 #5cbae6 H:199 S:60 B:90 #73c1e6 H:199 S:50 B:90 #8ac8e6 H:199 S:40 B:90 #a1d0e6 H:199 S:30 B:90 #b8d7e6 H:199 S:20 B:90 #cfdee6 H:199 S:10 B:90 #e6e6e6 H:199 S:0 B:90
補色 #e65c75 H:349 S:60 B:90 #e6875c H:19 S:60 B:90 #e6cc5c H:49 S:60 B:90
類似色 #5ce687 H:139 S:60 B:90 #5ce6aa H:154 S:60 B:90 #5ce6cc H:169 S:60 B:90 #5cdce6 H:184 S:60 B:90 #5cbae6 H:199 S:60 B:90 #5c97e6 H:214 S:60 B:90 #5c75e6 H:229 S:60 B:90 #655ce6 H:244 S:60 B:90 #875ce6 H:259 S:60 B:90

#5bb9e5 の配色パターン