お気に入り

#0ca6f2

Hexadecimal Color Code

あざやかな青系の色

[RGB] R:12 G:166 B:242

[HSB] H:200 S:95 B:95

[Lab] L:64.76 a:-8.43 b:-47.68

[CMYK] C:72% M:23% Y:0% K:0%

[HSL] H:200 S:91 L:50

[OKLCH] L:69.2% C:0.157 H:240.1

[Display-P3] R:0.2949 G:0.6412 B:0.9242

[コントラスト比] Aa 白 2.70:1 ×　Aa 黒 7.75:1 ◎

色相 #f20c0c H:360 S:95 B:95 #f20c32 H:350 S:95 B:95 #f20c59 H:340 S:95 B:95 #f20c7f H:330 S:95 B:95 #f20ca6 H:320 S:95 B:95 #f20ccc H:310 S:95 B:95 #f20cf2 H:300 S:95 B:95 #cc0cf2 H:290 S:95 B:95 #a60cf2 H:280 S:95 B:95 #7f0cf2 H:270 S:95 B:95 #590cf2 H:260 S:95 B:95 #320cf2 H:250 S:95 B:95 #0c0cf2 H:240 S:95 B:95 #0c32f2 H:230 S:95 B:95 #0c59f2 H:220 S:95 B:95 #0c7ff2 H:210 S:95 B:95 #0ca6f2 H:200 S:95 B:95 #0cccf2 H:190 S:95 B:95 #0cf2f2 H:180 S:95 B:95 #0cf2cc H:170 S:95 B:95 #0cf2a6 H:160 S:95 B:95 #0cf27f H:150 S:95 B:95 #0cf259 H:140 S:95 B:95 #0cf232 H:130 S:95 B:95 #0cf20c H:120 S:95 B:95 #32f20c H:110 S:95 B:95 #59f20c H:100 S:95 B:95 #7ff20c H:90 S:95 B:95 #a6f20c H:80 S:95 B:95 #ccf20c H:70 S:95 B:95 #f2f20c H:60 S:95 B:95 #f2cc0c H:50 S:95 B:95 #f2a60c H:40 S:95 B:95 #f27f0c H:30 S:95 B:95 #f2590c H:20 S:95 B:95 #f2320c H:10 S:95 B:95 #f20c0c H:0 S:95 B:95

明度 #0daeff H:200 S:95 B:100 #0b9de6 H:200 S:95 B:90 #0a8bcc H:200 S:95 B:80 #097ab3 H:200 S:95 B:70 #086999 H:200 S:95 B:60 #065780 H:200 S:95 B:50 #054666 H:200 S:95 B:40 #04344d H:200 S:95 B:30 #032333 H:200 S:95 B:20 #01111a H:200 S:95 B:10 #000000 H:200 S:95 B:0

彩度 #00a2f2 H:200 S:100 B:95 #18aaf2 H:200 S:90 B:95 #30b2f2 H:200 S:80 B:95 #49baf2 H:200 S:70 B:95 #61c2f2 H:200 S:60 B:95 #79caf2 H:200 S:50 B:95 #91d2f2 H:200 S:40 B:95 #aadaf2 H:200 S:30 B:95 #c2e2f2 H:200 S:20 B:95 #daeaf2 H:200 S:10 B:95 #f2f2f2 H:200 S:0 B:95

補色 #f20c32 H:350 S:95 B:95 #f2590c H:20 S:95 B:95 #f2cc0c H:50 S:95 B:95

類似色 #0cf259 H:140 S:95 B:95 #0cf292 H:155 S:95 B:95 #0cf2cc H:170 S:95 B:95 #0cdff2 H:185 S:95 B:95 #0ca6f2 H:200 S:95 B:95 #0c6cf2 H:215 S:95 B:95 #0c32f2 H:230 S:95 B:95 #1f0cf2 H:245 S:95 B:95 #590cf2 H:260 S:95 B:95

#0ca6f2 の配色パターン