#669ee2

Hexadecimal Color Code

柔らかい青紫系の色

[RGB] R:102 G:158 B:226

[HSB] H:213 S:55 B:89

[L*a*b*] L*:63.97 a*:1.05 b*:-39.99

[CMYK] C:62% M:32% Y:0% K:0%

[HSL] H:213 S:68 L:64

[OKLCH] L:68.9% C:0.117 H:254.1

[Display-P3] R:0.4492 G:0.6139 B:0.8648

[コントラスト比] Aa 白 2.78:1 ×　Aa 黒 7.55:1 ◎

色相 #e36666 H:360 S:55 B:89 #e3667b H:350 S:55 B:89 #e36690 H:340 S:55 B:89 #e366a5 H:330 S:55 B:89 #e366b9 H:320 S:55 B:89 #e366ce H:310 S:55 B:89 #e366e3 H:300 S:55 B:89 #ce66e3 H:290 S:55 B:89 #b966e3 H:280 S:55 B:89 #a566e3 H:270 S:55 B:89 #9066e3 H:260 S:55 B:89 #7b66e3 H:250 S:55 B:89 #6666e3 H:240 S:55 B:89 #667be3 H:230 S:55 B:89 #6690e3 H:220 S:55 B:89 #66a5e3 H:210 S:55 B:89 #66b9e3 H:200 S:55 B:89 #66cee3 H:190 S:55 B:89 #66e3e3 H:180 S:55 B:89 #66e3ce H:170 S:55 B:89 #66e3b9 H:160 S:55 B:89 #66e3a5 H:150 S:55 B:89 #66e390 H:140 S:55 B:89 #66e37b H:130 S:55 B:89 #66e366 H:120 S:55 B:89 #7be366 H:110 S:55 B:89 #90e366 H:100 S:55 B:89 #a5e366 H:90 S:55 B:89 #b9e366 H:80 S:55 B:89 #cee366 H:70 S:55 B:89 #e3e366 H:60 S:55 B:89 #e3ce66 H:50 S:55 B:89 #e3b966 H:40 S:55 B:89 #e3a566 H:30 S:55 B:89 #e39066 H:20 S:55 B:89 #e37b66 H:10 S:55 B:89 #e36666 H:0 S:55 B:89
明度 #73b2ff H:213 S:55 B:100 #67a0e6 H:213 S:55 B:90 #5c8ecc H:213 S:55 B:80 #507db3 H:213 S:55 B:70 #456b99 H:213 S:55 B:60 #395980 H:213 S:55 B:50 #2e4766 H:213 S:55 B:40 #22354d H:213 S:55 B:30 #172433 H:213 S:55 B:20 #0b121a H:213 S:55 B:10 #000000 H:213 S:55 B:0
彩度 #0066e3 H:213 S:100 B:89 #1773e3 H:213 S:90 B:89 #2d7fe3 H:213 S:80 B:89 #448ce3 H:213 S:70 B:89 #5b98e3 H:213 S:60 B:89 #71a5e3 H:213 S:50 B:89 #88b1e3 H:213 S:40 B:89 #9fbee3 H:213 S:30 B:89 #b6cae3 H:213 S:20 B:89 #ccd6e3 H:213 S:10 B:89 #e3e3e3 H:213 S:0 B:89
補色 #e36c66 H:3 S:55 B:89 #e3ab66 H:33 S:55 B:89 #dde366 H:63 S:55 B:89
類似色 #66e3ab H:153 S:55 B:89 #66e3ca H:168 S:55 B:89 #66dde3 H:183 S:55 B:89 #66bee3 H:198 S:55 B:89 #669ee3 H:213 S:55 B:89 #667fe3 H:228 S:55 B:89 #6c66e3 H:243 S:55 B:89 #8c66e3 H:258 S:55 B:89 #ab66e3 H:273 S:55 B:89

#669ee2 の配色パターン