#5dbdf5

Hexadecimal Color Code

明るい青系の色

[RGB] R:93 G:189 B:245

[HSB] H:202 S:62 B:96

[L*a*b*] L*:73.09 a*:-11.89 b*:-36.17

[CMYK] C:60% M:13% Y:0% K:0%

[HSL] H:202 S:88 L:66

[OKLCH] L:76.3% C:0.121 H:236.9

[Display-P3] R:0.4618 G:0.7325 B:0.9406

[コントラスト比] Aa 白 2.08:1 ×　Aa 黒 10.06:1 ◎

色相 #f55d5d H:360 S:62 B:96 #f55d76 H:350 S:62 B:96 #f55d90 H:340 S:62 B:96 #f55da9 H:330 S:62 B:96 #f55dc2 H:320 S:62 B:96 #f55ddc H:310 S:62 B:96 #f55df5 H:300 S:62 B:96 #dc5df5 H:290 S:62 B:96 #c25df5 H:280 S:62 B:96 #a95df5 H:270 S:62 B:96 #905df5 H:260 S:62 B:96 #765df5 H:250 S:62 B:96 #5d5df5 H:240 S:62 B:96 #5d76f5 H:230 S:62 B:96 #5d90f5 H:220 S:62 B:96 #5da9f5 H:210 S:62 B:96 #5dc2f5 H:200 S:62 B:96 #5ddcf5 H:190 S:62 B:96 #5df5f5 H:180 S:62 B:96 #5df5dc H:170 S:62 B:96 #5df5c2 H:160 S:62 B:96 #5df5a9 H:150 S:62 B:96 #5df590 H:140 S:62 B:96 #5df576 H:130 S:62 B:96 #5df55d H:120 S:62 B:96 #76f55d H:110 S:62 B:96 #90f55d H:100 S:62 B:96 #a9f55d H:90 S:62 B:96 #c2f55d H:80 S:62 B:96 #dcf55d H:70 S:62 B:96 #f5f55d H:60 S:62 B:96 #f5dc5d H:50 S:62 B:96 #f5c25d H:40 S:62 B:96 #f5a95d H:30 S:62 B:96 #f5905d H:20 S:62 B:96 #f5765d H:10 S:62 B:96 #f55d5d H:0 S:62 B:96
明度 #61c5ff H:202 S:62 B:100 #57b1e6 H:202 S:62 B:90 #4e9ecc H:202 S:62 B:80 #448ab3 H:202 S:62 B:70 #3a7699 H:202 S:62 B:60 #306380 H:202 S:62 B:50 #274f66 H:202 S:62 B:40 #1d3b4d H:202 S:62 B:30 #132733 H:202 S:62 B:20 #0a141a H:202 S:62 B:10 #000000 H:202 S:62 B:0
彩度 #009bf5 H:202 S:100 B:96 #18a4f5 H:202 S:90 B:96 #31adf5 H:202 S:80 B:96 #49b6f5 H:202 S:70 B:96 #62bff5 H:202 S:60 B:96 #7ac8f5 H:202 S:50 B:96 #93d1f5 H:202 S:40 B:96 #abdaf5 H:202 S:30 B:96 #c4e3f5 H:202 S:20 B:96 #dcecf5 H:202 S:10 B:96 #f5f5f5 H:202 S:0 B:96
補色 #f55d71 H:352 S:62 B:96 #f5955d H:22 S:62 B:96 #f5e15d H:52 S:62 B:96
類似色 #5df595 H:142 S:62 B:96 #5df5bb H:157 S:62 B:96 #5df5e1 H:172 S:62 B:96 #5de3f5 H:187 S:62 B:96 #5dbdf5 H:202 S:62 B:96 #5d97f5 H:217 S:62 B:96 #5d71f5 H:232 S:62 B:96 #6f5df5 H:247 S:62 B:96 #955df5 H:262 S:62 B:96

#5dbdf5 の配色パターン