#336cf2

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:51 G:108 B:242

[HSB] H:222 S:79 B:95

[L*a*b*] L*:49.29 a*:28.98 b*:-72.45

[CMYK] C:80% M:59% Y:0% K:0%

[HSL] H:222 S:88 L:57

[OKLCH] L:57.3% C:0.21 H:263.7

[Display-P3] R:0.2573 G:0.4183 B:0.9162

[コントラスト比] Aa 白 4.59:1 ○　Aa 黒 4.56:1 ○

色相 #f23333 H:360 S:79 B:95 #f23353 H:350 S:79 B:95 #f23373 H:340 S:79 B:95 #f23393 H:330 S:79 B:95 #f233b2 H:320 S:79 B:95 #f233d2 H:310 S:79 B:95 #f233f2 H:300 S:79 B:95 #d233f2 H:290 S:79 B:95 #b233f2 H:280 S:79 B:95 #9333f2 H:270 S:79 B:95 #7333f2 H:260 S:79 B:95 #5333f2 H:250 S:79 B:95 #3333f2 H:240 S:79 B:95 #3353f2 H:230 S:79 B:95 #3373f2 H:220 S:79 B:95 #3393f2 H:210 S:79 B:95 #33b2f2 H:200 S:79 B:95 #33d2f2 H:190 S:79 B:95 #33f2f2 H:180 S:79 B:95 #33f2d2 H:170 S:79 B:95 #33f2b2 H:160 S:79 B:95 #33f293 H:150 S:79 B:95 #33f273 H:140 S:79 B:95 #33f253 H:130 S:79 B:95 #33f233 H:120 S:79 B:95 #53f233 H:110 S:79 B:95 #73f233 H:100 S:79 B:95 #93f233 H:90 S:79 B:95 #b2f233 H:80 S:79 B:95 #d2f233 H:70 S:79 B:95 #f2f233 H:60 S:79 B:95 #f2d233 H:50 S:79 B:95 #f2b233 H:40 S:79 B:95 #f29333 H:30 S:79 B:95 #f27333 H:20 S:79 B:95 #f25333 H:10 S:79 B:95 #f23333 H:0 S:79 B:95
明度 #3672ff H:222 S:79 B:100 #3067e6 H:222 S:79 B:90 #2b5bcc H:222 S:79 B:80 #2550b3 H:222 S:79 B:70 #204499 H:222 S:79 B:60 #1b3980 H:222 S:79 B:50 #152e66 H:222 S:79 B:40 #10224d H:222 S:79 B:30 #0b1733 H:222 S:79 B:20 #050b1a H:222 S:79 B:10 #000000 H:222 S:79 B:0
彩度 #0049f2 H:222 S:100 B:95 #185af2 H:222 S:90 B:95 #306bf2 H:222 S:80 B:95 #497cf2 H:222 S:70 B:95 #618df2 H:222 S:60 B:95 #799df2 H:222 S:50 B:95 #91aef2 H:222 S:40 B:95 #aabff2 H:222 S:30 B:95 #c2d0f2 H:222 S:20 B:95 #dae1f2 H:222 S:10 B:95 #f2f2f2 H:222 S:0 B:95
補色 #f25933 H:12 S:79 B:95 #f2b933 H:42 S:79 B:95 #ccf233 H:72 S:79 B:95
類似色 #33f2b9 H:162 S:79 B:95 #33f2e9 H:177 S:79 B:95 #33ccf2 H:192 S:79 B:95 #339cf2 H:207 S:79 B:95 #336cf2 H:222 S:79 B:95 #333cf2 H:237 S:79 B:95 #5933f2 H:252 S:79 B:95 #8933f2 H:267 S:79 B:95 #b933f2 H:282 S:79 B:95

#336cf2 の配色パターン