#337cf2

Hexadecimal Color Code

明るい青紫系の色

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

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

[Lab] L:53.52 a:18.95 b:-65.6

[CMYK] C:78% M:51% Y:0% K:0%

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

[OKLCH] L:60.5% C:0.192 H:259.8

[Display-P3] R:0.2784 G:0.48 B:0.9181

[コントラスト比] Aa 白 3.95:1 △　Aa 黒 5.30: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

明度 #3683ff H:217 S:79 B:100 #3076e6 H:217 S:79 B:90 #2b69cc H:217 S:79 B:80 #255cb3 H:217 S:79 B:70 #204e99 H:217 S:79 B:60 #1b4180 H:217 S:79 B:50 #153466 H:217 S:79 B:40 #10274d H:217 S:79 B:30 #0b1a33 H:217 S:79 B:20 #050d1a H:217 S:79 B:10 #000000 H:217 S:79 B:0

彩度 #005df2 H:217 S:100 B:95 #186cf2 H:217 S:90 B:95 #307bf2 H:217 S:80 B:95 #498af2 H:217 S:70 B:95 #6199f2 H:217 S:60 B:95 #79a8f2 H:217 S:50 B:95 #91b6f2 H:217 S:40 B:95 #aac5f2 H:217 S:30 B:95 #c2d4f2 H:217 S:20 B:95 #dae3f2 H:217 S:10 B:95 #f2f2f2 H:217 S:0 B:95

補色 #f24933 H:7 S:79 B:95 #f2a933 H:37 S:79 B:95 #dcf233 H:67 S:79 B:95

類似色 #33f2a9 H:157 S:79 B:95 #33f2d9 H:172 S:79 B:95 #33dcf2 H:187 S:79 B:95 #33acf2 H:202 S:79 B:95 #337cf2 H:217 S:79 B:95 #334cf2 H:232 S:79 B:95 #4933f2 H:247 S:79 B:95 #7933f2 H:262 S:79 B:95 #a933f2 H:277 S:79 B:95

#337cf2 の配色パターン