#2a545b

Hexadecimal Color Code

暗い青系の色

[RGB] R:42 G:84 B:91

[HSB] H:189 S:54 B:36

[L*a*b*] L*:33.1 a*:-12.44 b*:-8.59

[CMYK] C:86% M:63% Y:60% K:17%

[HSL] H:189 S:37 L:26

[OKLCH] L:41.9% C:0.048 H:209.5

[Display-P3] R:0.2053 G:0.3255 B:0.3527

[コントラスト比] Aa 白 8.34:1 ◎　Aa 黒 2.51:1 ×

色相 #5c2a2a H:360 S:54 B:36 #5c2a32 H:350 S:54 B:36 #5c2a3b H:340 S:54 B:36 #5c2a43 H:330 S:54 B:36 #5c2a4b H:320 S:54 B:36 #5c2a54 H:310 S:54 B:36 #5c2a5c H:300 S:54 B:36 #542a5c H:290 S:54 B:36 #4b2a5c H:280 S:54 B:36 #432a5c H:270 S:54 B:36 #3b2a5c H:260 S:54 B:36 #322a5c H:250 S:54 B:36 #2a2a5c H:240 S:54 B:36 #2a325c H:230 S:54 B:36 #2a3b5c H:220 S:54 B:36 #2a435c H:210 S:54 B:36 #2a4b5c H:200 S:54 B:36 #2a545c H:190 S:54 B:36 #2a5c5c H:180 S:54 B:36 #2a5c54 H:170 S:54 B:36 #2a5c4b H:160 S:54 B:36 #2a5c43 H:150 S:54 B:36 #2a5c3b H:140 S:54 B:36 #2a5c32 H:130 S:54 B:36 #2a5c2a H:120 S:54 B:36 #325c2a H:110 S:54 B:36 #3b5c2a H:100 S:54 B:36 #435c2a H:90 S:54 B:36 #4b5c2a H:80 S:54 B:36 #545c2a H:70 S:54 B:36 #5c5c2a H:60 S:54 B:36 #5c542a H:50 S:54 B:36 #5c4b2a H:40 S:54 B:36 #5c432a H:30 S:54 B:36 #5c3b2a H:20 S:54 B:36 #5c322a H:10 S:54 B:36 #5c2a2a H:0 S:54 B:36
明度 #75eaff H:189 S:54 B:100 #6ad3e6 H:189 S:54 B:90 #5ebbcc H:189 S:54 B:80 #52a4b3 H:189 S:54 B:70 #468d99 H:189 S:54 B:60 #3b7580 H:189 S:54 B:50 #2f5e66 H:189 S:54 B:40 #23464d H:189 S:54 B:30 #172f33 H:189 S:54 B:20 #0c171a H:189 S:54 B:10 #000000 H:189 S:54 B:0
彩度 #004e5c H:189 S:100 B:36 #094f5c H:189 S:90 B:36 #12515c H:189 S:80 B:36 #1c525c H:189 S:70 B:36 #25545c H:189 S:60 B:36 #2e555c H:189 S:50 B:36 #37565c H:189 S:40 B:36 #40585c H:189 S:30 B:36 #49595c H:189 S:20 B:36 #535a5c H:189 S:10 B:36 #5c5c5c H:189 S:0 B:36
補色 #5c2a3c H:339 S:54 B:36 #5c322a H:9 S:54 B:36 #5c4a2a H:39 S:54 B:36
類似色 #2a5c32 H:129 S:54 B:36 #2a5c3e H:144 S:54 B:36 #2a5c4a H:159 S:54 B:36 #2a5c57 H:174 S:54 B:36 #2a545c H:189 S:54 B:36 #2a485c H:204 S:54 B:36 #2a3c5c H:219 S:54 B:36 #2a2f5c H:234 S:54 B:36 #322a5c H:249 S:54 B:36

#2a545b の配色パターン