#2a85b2

Hexadecimal Color Code

深い青系の色

[RGB] R:42 G:133 B:178

[HSB] H:200 S:76 B:70

[Lab] L:52.37 a:-10.94 b:-31.24

[CMYK] C:79% M:41% Y:22% K:0%

[HSL] H:200 S:62 L:43

[OKLCH] L:58.4% C:0.108 H:234.9

[Display-P3] R:0.2732 G:0.5143 B:0.682

[コントラスト比] Aa 白 4.12:1 △　Aa 黒 5.09:1 ○

色相 #b32b2b H:360 S:76 B:70 #b32b41 H:350 S:76 B:70 #b32b58 H:340 S:76 B:70 #b32b6f H:330 S:76 B:70 #b32b85 H:320 S:76 B:70 #b32b9c H:310 S:76 B:70 #b32bb3 H:300 S:76 B:70 #9c2bb3 H:290 S:76 B:70 #852bb3 H:280 S:76 B:70 #6f2bb3 H:270 S:76 B:70 #582bb3 H:260 S:76 B:70 #412bb3 H:250 S:76 B:70 #2b2bb3 H:240 S:76 B:70 #2b41b3 H:230 S:76 B:70 #2b58b3 H:220 S:76 B:70 #2b6fb3 H:210 S:76 B:70 #2b85b3 H:200 S:76 B:70 #2b9cb3 H:190 S:76 B:70 #2bb3b3 H:180 S:76 B:70 #2bb39c H:170 S:76 B:70 #2bb385 H:160 S:76 B:70 #2bb36f H:150 S:76 B:70 #2bb358 H:140 S:76 B:70 #2bb341 H:130 S:76 B:70 #2bb32b H:120 S:76 B:70 #41b32b H:110 S:76 B:70 #58b32b H:100 S:76 B:70 #6fb32b H:90 S:76 B:70 #85b32b H:80 S:76 B:70 #9cb32b H:70 S:76 B:70 #b3b32b H:60 S:76 B:70 #b39c2b H:50 S:76 B:70 #b3852b H:40 S:76 B:70 #b36f2b H:30 S:76 B:70 #b3582b H:20 S:76 B:70 #b3412b H:10 S:76 B:70 #b32b2b H:0 S:76 B:70

明度 #3dbeff H:200 S:76 B:100 #37abe6 H:200 S:76 B:90 #3198cc H:200 S:76 B:80 #2b85b3 H:200 S:76 B:70 #257299 H:200 S:76 B:60 #1f5f80 H:200 S:76 B:50 #184c66 H:200 S:76 B:40 #12394d H:200 S:76 B:30 #0c2633 H:200 S:76 B:20 #06131a H:200 S:76 B:10 #000000 H:200 S:76 B:0

彩度 #0077b3 H:200 S:100 B:70 #127db3 H:200 S:90 B:70 #2483b3 H:200 S:80 B:70 #3689b3 H:200 S:70 B:70 #478fb3 H:200 S:60 B:70 #5995b3 H:200 S:50 B:70 #6b9bb3 H:200 S:40 B:70 #7da1b3 H:200 S:30 B:70 #8fa7b3 H:200 S:20 B:70 #a1adb3 H:200 S:10 B:70 #b3b3b3 H:200 S:0 B:70

補色 #b32b41 H:350 S:76 B:70 #b3582b H:20 S:76 B:70 #b39c2b H:50 S:76 B:70

類似色 #2bb358 H:140 S:76 B:70 #2bb37a H:155 S:76 B:70 #2bb39c H:170 S:76 B:70 #2ba7b3 H:185 S:76 B:70 #2b85b3 H:200 S:76 B:70 #2b63b3 H:215 S:76 B:70 #2b41b3 H:230 S:76 B:70 #362bb3 H:245 S:76 B:70 #582bb3 H:260 S:76 B:70

#2a85b2 の配色パターン