#cf660a

Hexadecimal Color Code

あざやかな橙系の色

[RGB] R:207 G:102 B:10

[HSB] H:28 S:95 B:81

[Lab] L:54.85 a:37.04 b:61.24

[CMYK] C:23% M:71% Y:100% K:0%

[HSL] H:28 S:91 L:43

[OKLCH] L:62.5% C:0.158 H:51.9

[Display-P3] R:0.7591 G:0.4225 B:0.1643

[コントラスト比] Aa 白 3.77:1 △　Aa 黒 5.55:1 ○

色相 #cf0a0a H:360 S:95 B:81 #cf0a2b H:350 S:95 B:81 #cf0a4c H:340 S:95 B:81 #cf0a6c H:330 S:95 B:81 #cf0a8d H:320 S:95 B:81 #cf0aae H:310 S:95 B:81 #cf0acf H:300 S:95 B:81 #ae0acf H:290 S:95 B:81 #8d0acf H:280 S:95 B:81 #6c0acf H:270 S:95 B:81 #4c0acf H:260 S:95 B:81 #2b0acf H:250 S:95 B:81 #0a0acf H:240 S:95 B:81 #0a2bcf H:230 S:95 B:81 #0a4ccf H:220 S:95 B:81 #0a6ccf H:210 S:95 B:81 #0a8dcf H:200 S:95 B:81 #0aaecf H:190 S:95 B:81 #0acfcf H:180 S:95 B:81 #0acfae H:170 S:95 B:81 #0acf8d H:160 S:95 B:81 #0acf6c H:150 S:95 B:81 #0acf4c H:140 S:95 B:81 #0acf2b H:130 S:95 B:81 #0acf0a H:120 S:95 B:81 #2bcf0a H:110 S:95 B:81 #4ccf0a H:100 S:95 B:81 #6ccf0a H:90 S:95 B:81 #8dcf0a H:80 S:95 B:81 #aecf0a H:70 S:95 B:81 #cfcf0a H:60 S:95 B:81 #cfae0a H:50 S:95 B:81 #cf8d0a H:40 S:95 B:81 #cf6c0a H:30 S:95 B:81 #cf4c0a H:20 S:95 B:81 #cf2b0a H:10 S:95 B:81 #cf0a0a H:0 S:95 B:81

明度 #ff7e0d H:28 S:95 B:100 #e6710b H:28 S:95 B:90 #cc650a H:28 S:95 B:80 #b35809 H:28 S:95 B:70 #994b08 H:28 S:95 B:60 #803f06 H:28 S:95 B:50 #663205 H:28 S:95 B:40 #4d2604 H:28 S:95 B:30 #331903 H:28 S:95 B:20 #1a0d01 H:28 S:95 B:10 #000000 H:28 S:95 B:0

彩度 #cf6000 H:28 S:100 B:81 #cf6b15 H:28 S:90 B:81 #cf7629 H:28 S:80 B:81 #cf813e H:28 S:70 B:81 #cf8c53 H:28 S:60 B:81 #cf9767 H:28 S:50 B:81 #cfa27c H:28 S:40 B:81 #cfae91 H:28 S:30 B:81 #cfb9a5 H:28 S:20 B:81 #cfc4ba H:28 S:10 B:81 #cfcfcf H:28 S:0 B:81

補色 #0acfc8 H:178 S:95 B:81 #0a73cf H:208 S:95 B:81 #0a11cf H:238 S:95 B:81

類似色 #cf0a73 H:328 S:95 B:81 #cf0a42 H:343 S:95 B:81 #cf0a11 H:358 S:95 B:81 #cf350a H:13 S:95 B:81 #cf660a H:28 S:95 B:81 #cf970a H:43 S:95 B:81 #cfc80a H:58 S:95 B:81 #a4cf0a H:73 S:95 B:81 #73cf0a H:88 S:95 B:81

#cf660a の配色パターン