#6bc5f2

Hexadecimal Color Code

柔らかい青系の色

[RGB] R:107 G:197 B:242

[HSB] H:200 S:56 B:95

[Lab] L:75.73 a:-14.43 b:-30.43

[CMYK] C:56% M:9% Y:3% K:0%

[HSL] H:200 S:84 L:68

[OKLCH] L:78.5% C:0.107 H:232.1

[Display-P3] R:0.5064 G:0.7641 B:0.9316

[コントラスト比] Aa 白 1.92:1 ×　Aa 黒 10.89:1 ◎

色相 #f26b6b H:360 S:56 B:95 #f26b81 H:350 S:56 B:95 #f26b98 H:340 S:56 B:95 #f26bae H:330 S:56 B:95 #f26bc5 H:320 S:56 B:95 #f26bdc H:310 S:56 B:95 #f26bf2 H:300 S:56 B:95 #dc6bf2 H:290 S:56 B:95 #c56bf2 H:280 S:56 B:95 #ae6bf2 H:270 S:56 B:95 #986bf2 H:260 S:56 B:95 #816bf2 H:250 S:56 B:95 #6b6bf2 H:240 S:56 B:95 #6b81f2 H:230 S:56 B:95 #6b98f2 H:220 S:56 B:95 #6baef2 H:210 S:56 B:95 #6bc5f2 H:200 S:56 B:95 #6bdcf2 H:190 S:56 B:95 #6bf2f2 H:180 S:56 B:95 #6bf2dc H:170 S:56 B:95 #6bf2c5 H:160 S:56 B:95 #6bf2ae H:150 S:56 B:95 #6bf298 H:140 S:56 B:95 #6bf281 H:130 S:56 B:95 #6bf26b H:120 S:56 B:95 #81f26b H:110 S:56 B:95 #98f26b H:100 S:56 B:95 #aef26b H:90 S:56 B:95 #c5f26b H:80 S:56 B:95 #dcf26b H:70 S:56 B:95 #f2f26b H:60 S:56 B:95 #f2dc6b H:50 S:56 B:95 #f2c56b H:40 S:56 B:95 #f2ae6b H:30 S:56 B:95 #f2986b H:20 S:56 B:95 #f2816b H:10 S:56 B:95 #f26b6b H:0 S:56 B:95

明度 #70cfff H:200 S:56 B:100 #65bbe6 H:200 S:56 B:90 #5aa6cc H:200 S:56 B:80 #4f91b3 H:200 S:56 B:70 #437c99 H:200 S:56 B:60 #386880 H:200 S:56 B:50 #2d5366 H:200 S:56 B:40 #223e4d H:200 S:56 B:30 #162933 H:200 S:56 B:20 #0b151a H:200 S:56 B:10 #000000 H:200 S:56 B:0

彩度 #00a2f2 H:200 S:100 B:95 #18aaf2 H:200 S:90 B:95 #30b2f2 H:200 S:80 B:95 #49baf2 H:200 S:70 B:95 #61c2f2 H:200 S:60 B:95 #79caf2 H:200 S:50 B:95 #91d2f2 H:200 S:40 B:95 #aadaf2 H:200 S:30 B:95 #c2e2f2 H:200 S:20 B:95 #daeaf2 H:200 S:10 B:95 #f2f2f2 H:200 S:0 B:95

補色 #f26b81 H:350 S:56 B:95 #f2986b H:20 S:56 B:95 #f2dc6b H:50 S:56 B:95

類似色 #6bf298 H:140 S:56 B:95 #6bf2ba H:155 S:56 B:95 #6bf2dc H:170 S:56 B:95 #6be7f2 H:185 S:56 B:95 #6bc5f2 H:200 S:56 B:95 #6ba3f2 H:215 S:56 B:95 #6b81f2 H:230 S:56 B:95 #766bf2 H:245 S:56 B:95 #986bf2 H:260 S:56 B:95

#6bc5f2 の配色パターン