#557af2

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:85 G:122 B:242

[HSB] H:226 S:65 B:95

[L*a*b*] L*:54.3 a*:24.55 b*:-64.28

[CMYK] C:73% M:54% Y:0% K:0%

[HSL] H:226 S:86 L:64

[OKLCH] L:61.5% C:0.185 H:267.8

[Display-P3] R:0.3644 G:0.4745 B:0.9183

[コントラスト比] Aa 白 3.85:1 △　Aa 黒 5.45:1 ○

色相 #f25555 H:360 S:65 B:95 #f2556f H:350 S:65 B:95 #f25589 H:340 S:65 B:95 #f255a4 H:330 S:65 B:95 #f255be H:320 S:65 B:95 #f255d8 H:310 S:65 B:95 #f255f2 H:300 S:65 B:95 #d855f2 H:290 S:65 B:95 #be55f2 H:280 S:65 B:95 #a455f2 H:270 S:65 B:95 #8955f2 H:260 S:65 B:95 #6f55f2 H:250 S:65 B:95 #5555f2 H:240 S:65 B:95 #556ff2 H:230 S:65 B:95 #5589f2 H:220 S:65 B:95 #55a4f2 H:210 S:65 B:95 #55bef2 H:200 S:65 B:95 #55d8f2 H:190 S:65 B:95 #55f2f2 H:180 S:65 B:95 #55f2d8 H:170 S:65 B:95 #55f2be H:160 S:65 B:95 #55f2a4 H:150 S:65 B:95 #55f289 H:140 S:65 B:95 #55f26f H:130 S:65 B:95 #55f255 H:120 S:65 B:95 #6ff255 H:110 S:65 B:95 #89f255 H:100 S:65 B:95 #a4f255 H:90 S:65 B:95 #bef255 H:80 S:65 B:95 #d8f255 H:70 S:65 B:95 #f2f255 H:60 S:65 B:95 #f2d855 H:50 S:65 B:95 #f2be55 H:40 S:65 B:95 #f2a455 H:30 S:65 B:95 #f28955 H:20 S:65 B:95 #f26f55 H:10 S:65 B:95 #f25555 H:0 S:65 B:95
明度 #5980ff H:226 S:65 B:100 #5073e6 H:226 S:65 B:90 #4766cc H:226 S:65 B:80 #3e5ab3 H:226 S:65 B:70 #364d99 H:226 S:65 B:60 #2d4080 H:226 S:65 B:50 #243366 H:226 S:65 B:40 #1b264d H:226 S:65 B:30 #121a33 H:226 S:65 B:20 #090d1a H:226 S:65 B:10 #000000 H:226 S:65 B:0
彩度 #0039f2 H:226 S:100 B:95 #184bf2 H:226 S:90 B:95 #305ef2 H:226 S:80 B:95 #4970f2 H:226 S:70 B:95 #6183f2 H:226 S:60 B:95 #7995f2 H:226 S:50 B:95 #91a8f2 H:226 S:40 B:95 #aabbf2 H:226 S:30 B:95 #c2cdf2 H:226 S:20 B:95 #dae0f2 H:226 S:10 B:95 #f2f2f2 H:226 S:0 B:95
補色 #f27f55 H:16 S:65 B:95 #f2ce55 H:46 S:65 B:95 #c8f255 H:76 S:65 B:95
類似色 #55f2ce H:166 S:65 B:95 #55f0f2 H:181 S:65 B:95 #55c8f2 H:196 S:65 B:95 #55a1f2 H:211 S:65 B:95 #557af2 H:226 S:65 B:95 #5755f2 H:241 S:65 B:95 #7f55f2 H:256 S:65 B:95 #a655f2 H:271 S:65 B:95 #ce55f2 H:286 S:65 B:95

#557af2 の配色パターン