#396de5

Hexadecimal Color Code

強い青紫系の色

[RGB] R:57 G:109 B:229

[HSB] H:222 S:75 B:90

[Lab] L:48.83 a:24.2 b:-65.89

[CMYK] C:79% M:58% Y:0% K:0%

[HSL] H:222 S:77 L:56

[OKLCH] L:56.7% C:0.191 H:263.7

[Display-P3] R:0.2735 G:0.4225 B:0.8678

[コントラスト比] Aa 白 4.67:1 ○　Aa 黒 4.49:1 △

色相 #e63939 H:360 S:75 B:90 #e63956 H:350 S:75 B:90 #e63973 H:340 S:75 B:90 #e6398f H:330 S:75 B:90 #e639ac H:320 S:75 B:90 #e639c9 H:310 S:75 B:90 #e639e6 H:300 S:75 B:90 #c939e6 H:290 S:75 B:90 #ac39e6 H:280 S:75 B:90 #8f39e6 H:270 S:75 B:90 #7339e6 H:260 S:75 B:90 #5639e6 H:250 S:75 B:90 #3939e6 H:240 S:75 B:90 #3956e6 H:230 S:75 B:90 #3973e6 H:220 S:75 B:90 #398fe6 H:210 S:75 B:90 #39ace6 H:200 S:75 B:90 #39c9e6 H:190 S:75 B:90 #39e6e6 H:180 S:75 B:90 #39e6c9 H:170 S:75 B:90 #39e6ac H:160 S:75 B:90 #39e68f H:150 S:75 B:90 #39e673 H:140 S:75 B:90 #39e656 H:130 S:75 B:90 #39e639 H:120 S:75 B:90 #56e639 H:110 S:75 B:90 #73e639 H:100 S:75 B:90 #8fe639 H:90 S:75 B:90 #ace639 H:80 S:75 B:90 #c9e639 H:70 S:75 B:90 #e6e639 H:60 S:75 B:90 #e6c939 H:50 S:75 B:90 #e6ac39 H:40 S:75 B:90 #e68f39 H:30 S:75 B:90 #e67339 H:20 S:75 B:90 #e65639 H:10 S:75 B:90 #e63939 H:0 S:75 B:90

明度 #4079ff H:222 S:75 B:100 #396de6 H:222 S:75 B:90 #3361cc H:222 S:75 B:80 #2d55b3 H:222 S:75 B:70 #264999 H:222 S:75 B:60 #203d80 H:222 S:75 B:50 #1a3066 H:222 S:75 B:40 #13244d H:222 S:75 B:30 #0d1833 H:222 S:75 B:20 #060c1a H:222 S:75 B:10 #000000 H:222 S:75 B:0

彩度 #0045e6 H:222 S:100 B:90 #1755e6 H:222 S:90 B:90 #2e65e6 H:222 S:80 B:90 #4575e6 H:222 S:70 B:90 #5c85e6 H:222 S:60 B:90 #7395e6 H:222 S:50 B:90 #8aa5e6 H:222 S:40 B:90 #a1b5e6 H:222 S:30 B:90 #b8c5e6 H:222 S:20 B:90 #cfd5e6 H:222 S:10 B:90 #e6e6e6 H:222 S:0 B:90

補色 #e65c39 H:12 S:75 B:90 #e6b239 H:42 S:75 B:90 #c3e639 H:72 S:75 B:90

類似色 #39e6b2 H:162 S:75 B:90 #39e6dd H:177 S:75 B:90 #39c3e6 H:192 S:75 B:90 #3998e6 H:207 S:75 B:90 #396de6 H:222 S:75 B:90 #3942e6 H:237 S:75 B:90 #5c39e6 H:252 S:75 B:90 #8739e6 H:267 S:75 B:90 #b239e6 H:282 S:75 B:90

#396de5 の配色パターン