#337ff2

Hexadecimal Color Code

明るい青紫系の色

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

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

[Lab] L:54.33 a:17.09 b:-64.29

[CMYK] C:77% M:50% Y:0% K:0%

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

[OKLCH] L:61.2% C:0.188 H:258.9

[Display-P3] R:0.2826 G:0.4915 B:0.9184

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

明度 #3686ff H:216 S:79 B:100 #3079e6 H:216 S:79 B:90 #2b6bcc H:216 S:79 B:80 #255eb3 H:216 S:79 B:70 #205099 H:216 S:79 B:60 #1b4380 H:216 S:79 B:50 #153666 H:216 S:79 B:40 #10284d H:216 S:79 B:30 #0b1b33 H:216 S:79 B:20 #050d1a H:216 S:79 B:10 #000000 H:216 S:79 B:0

彩度 #0061f2 H:216 S:100 B:95 #186ff2 H:216 S:90 B:95 #307ef2 H:216 S:80 B:95 #498df2 H:216 S:70 B:95 #619bf2 H:216 S:60 B:95 #79aaf2 H:216 S:50 B:95 #91b8f2 H:216 S:40 B:95 #aac7f2 H:216 S:30 B:95 #c2d5f2 H:216 S:20 B:95 #dae4f2 H:216 S:10 B:95 #f2f2f2 H:216 S:0 B:95

補色 #f24633 H:6 S:79 B:95 #f2a633 H:36 S:79 B:95 #dff233 H:66 S:79 B:95

類似色 #33f2a6 H:156 S:79 B:95 #33f2d6 H:171 S:79 B:95 #33dff2 H:186 S:79 B:95 #33aff2 H:201 S:79 B:95 #337ff2 H:216 S:79 B:95 #3350f2 H:231 S:79 B:95 #4633f2 H:246 S:79 B:95 #7633f2 H:261 S:79 B:95 #a633f2 H:276 S:79 B:95

#337ff2 の配色パターン