#0b7ba4

Hexadecimal Color Code

あざやかな青系の色

[RGB] R:11 G:123 B:164

[HSB] H:196 S:93 B:64

[L*a*b*] L*:48.15 a*:-12.97 b*:-29.75

[CMYK] C:83% M:46% Y:28% K:0%

[HSL] H:196 S:87 L:34

[OKLCH] L:54.7% C:0.108 H:231.1

[Display-P3] R:0.2148 G:0.475 B:0.6282

[コントラスト比] Aa 白 4.79:1 ○　Aa 黒 4.38:1 △

色相 #a30b0b H:360 S:93 B:64 #a30b25 H:350 S:93 B:64 #a30b3e H:340 S:93 B:64 #a30b57 H:330 S:93 B:64 #a30b71 H:320 S:93 B:64 #a30b8a H:310 S:93 B:64 #a30ba3 H:300 S:93 B:64 #8a0ba3 H:290 S:93 B:64 #710ba3 H:280 S:93 B:64 #570ba3 H:270 S:93 B:64 #3e0ba3 H:260 S:93 B:64 #250ba3 H:250 S:93 B:64 #0b0ba3 H:240 S:93 B:64 #0b25a3 H:230 S:93 B:64 #0b3ea3 H:220 S:93 B:64 #0b57a3 H:210 S:93 B:64 #0b71a3 H:200 S:93 B:64 #0b8aa3 H:190 S:93 B:64 #0ba3a3 H:180 S:93 B:64 #0ba38a H:170 S:93 B:64 #0ba371 H:160 S:93 B:64 #0ba357 H:150 S:93 B:64 #0ba33e H:140 S:93 B:64 #0ba325 H:130 S:93 B:64 #0ba30b H:120 S:93 B:64 #25a30b H:110 S:93 B:64 #3ea30b H:100 S:93 B:64 #57a30b H:90 S:93 B:64 #71a30b H:80 S:93 B:64 #8aa30b H:70 S:93 B:64 #a3a30b H:60 S:93 B:64 #a38a0b H:50 S:93 B:64 #a3710b H:40 S:93 B:64 #a3570b H:30 S:93 B:64 #a33e0b H:20 S:93 B:64 #a3250b H:10 S:93 B:64 #a30b0b H:0 S:93 B:64
明度 #12c0ff H:196 S:93 B:100 #10ade6 H:196 S:93 B:90 #0e99cc H:196 S:93 B:80 #0c86b3 H:196 S:93 B:70 #0b7399 H:196 S:93 B:60 #096080 H:196 S:93 B:50 #074d66 H:196 S:93 B:40 #053a4d H:196 S:93 B:30 #042633 H:196 S:93 B:20 #02131a H:196 S:93 B:10 #000000 H:196 S:93 B:0
彩度 #0078a3 H:196 S:100 B:64 #107ca3 H:196 S:90 B:64 #2180a3 H:196 S:80 B:64 #3185a3 H:196 S:70 B:64 #4189a3 H:196 S:60 B:64 #528da3 H:196 S:50 B:64 #6292a3 H:196 S:40 B:64 #7296a3 H:196 S:30 B:64 #839aa3 H:196 S:20 B:64 #939fa3 H:196 S:10 B:64 #a3a3a3 H:196 S:0 B:64
補色 #a30b2f H:346 S:93 B:64 #a3340b H:16 S:93 B:64 #a3800b H:46 S:93 B:64
類似色 #0ba334 H:136 S:93 B:64 #0ba35a H:151 S:93 B:64 #0ba380 H:166 S:93 B:64 #0ba1a3 H:181 S:93 B:64 #0b7ba3 H:196 S:93 B:64 #0b55a3 H:211 S:93 B:64 #0b2fa3 H:226 S:93 B:64 #0e0ba3 H:241 S:93 B:64 #340ba3 H:256 S:93 B:64

#0b7ba4 の配色パターン