#558eaa

Hexadecimal Color Code

鈍い青系の色

[RGB] R:85 G:142 B:170

[HSB] H:200 S:50 B:67

[L*a*b*] L*:56.26 a*:-10.79 b*:-20.52

[CMYK] C:70% M:38% Y:28% K:0%

[HSL] H:200 S:33 L:50

[OKLCH] L:61.9% C:0.073 H:230.9

[Display-P3] R:0.3852 G:0.5512 B:0.6554

[コントラスト比] Aa 白 3.59:1 △　Aa 黒 5.83:1 ○

色相 #ab5555 H:360 S:50 B:67 #ab5564 H:350 S:50 B:67 #ab5572 H:340 S:50 B:67 #ab5580 H:330 S:50 B:67 #ab558e H:320 S:50 B:67 #ab559d H:310 S:50 B:67 #ab55ab H:300 S:50 B:67 #9d55ab H:290 S:50 B:67 #8e55ab H:280 S:50 B:67 #8055ab H:270 S:50 B:67 #7255ab H:260 S:50 B:67 #6455ab H:250 S:50 B:67 #5555ab H:240 S:50 B:67 #5564ab H:230 S:50 B:67 #5572ab H:220 S:50 B:67 #5580ab H:210 S:50 B:67 #558eab H:200 S:50 B:67 #559dab H:190 S:50 B:67 #55abab H:180 S:50 B:67 #55ab9d H:170 S:50 B:67 #55ab8e H:160 S:50 B:67 #55ab80 H:150 S:50 B:67 #55ab72 H:140 S:50 B:67 #55ab64 H:130 S:50 B:67 #55ab55 H:120 S:50 B:67 #64ab55 H:110 S:50 B:67 #72ab55 H:100 S:50 B:67 #80ab55 H:90 S:50 B:67 #8eab55 H:80 S:50 B:67 #9dab55 H:70 S:50 B:67 #abab55 H:60 S:50 B:67 #ab9d55 H:50 S:50 B:67 #ab8e55 H:40 S:50 B:67 #ab8055 H:30 S:50 B:67 #ab7255 H:20 S:50 B:67 #ab6455 H:10 S:50 B:67 #ab5555 H:0 S:50 B:67
明度 #80d5ff H:200 S:50 B:100 #73bfe6 H:200 S:50 B:90 #66aacc H:200 S:50 B:80 #5995b3 H:200 S:50 B:70 #4d8099 H:200 S:50 B:60 #406a80 H:200 S:50 B:50 #335566 H:200 S:50 B:40 #26404d H:200 S:50 B:30 #1a2b33 H:200 S:50 B:20 #0d151a H:200 S:50 B:10 #000000 H:200 S:50 B:0
彩度 #0072ab H:200 S:100 B:67 #1178ab H:200 S:90 B:67 #227dab H:200 S:80 B:67 #3383ab H:200 S:70 B:67 #4489ab H:200 S:60 B:67 #558eab H:200 S:50 B:67 #6794ab H:200 S:40 B:67 #789aab H:200 S:30 B:67 #899fab H:200 S:20 B:67 #9aa5ab H:200 S:10 B:67 #ababab H:200 S:0 B:67
補色 #ab5564 H:350 S:50 B:67 #ab7255 H:20 S:50 B:67 #ab9d55 H:50 S:50 B:67
類似色 #55ab72 H:140 S:50 B:67 #55ab87 H:155 S:50 B:67 #55ab9d H:170 S:50 B:67 #55a4ab H:185 S:50 B:67 #558eab H:200 S:50 B:67 #5579ab H:215 S:50 B:67 #5564ab H:230 S:50 B:67 #5d55ab H:245 S:50 B:67 #7255ab H:260 S:50 B:67

#558eaa の配色パターン