#dff4b5

Hexadecimal Color Code

明るい灰みの黄緑系の色

[RGB] R:223 G:244 B:181

[HSB] H:80 S:26 B:96

[Lab] L:93.33 a:-17.31 b:28.15

[CMYK] C:18% M:0% Y:39% K:0%

[HSL] H:80 S:74 L:83

[OKLCH] L:93.6% C:0.085 H:123

[Display-P3] R:0.8899 G:0.9543 B:0.7346

[コントラスト比] Aa 白 1.18:1 ×　Aa 黒 17.74:1 ◎

色相 #f5b5b5 H:360 S:26 B:96 #f5b5c0 H:350 S:26 B:96 #f5b5ca H:340 S:26 B:96 #f5b5d5 H:330 S:26 B:96 #f5b5e0 H:320 S:26 B:96 #f5b5ea H:310 S:26 B:96 #f5b5f5 H:300 S:26 B:96 #eab5f5 H:290 S:26 B:96 #e0b5f5 H:280 S:26 B:96 #d5b5f5 H:270 S:26 B:96 #cab5f5 H:260 S:26 B:96 #c0b5f5 H:250 S:26 B:96 #b5b5f5 H:240 S:26 B:96 #b5c0f5 H:230 S:26 B:96 #b5caf5 H:220 S:26 B:96 #b5d5f5 H:210 S:26 B:96 #b5e0f5 H:200 S:26 B:96 #b5eaf5 H:190 S:26 B:96 #b5f5f5 H:180 S:26 B:96 #b5f5ea H:170 S:26 B:96 #b5f5e0 H:160 S:26 B:96 #b5f5d5 H:150 S:26 B:96 #b5f5ca H:140 S:26 B:96 #b5f5c0 H:130 S:26 B:96 #b5f5b5 H:120 S:26 B:96 #c0f5b5 H:110 S:26 B:96 #caf5b5 H:100 S:26 B:96 #d5f5b5 H:90 S:26 B:96 #e0f5b5 H:80 S:26 B:96 #eaf5b5 H:70 S:26 B:96 #f5f5b5 H:60 S:26 B:96 #f5eab5 H:50 S:26 B:96 #f5e0b5 H:40 S:26 B:96 #f5d5b5 H:30 S:26 B:96 #f5cab5 H:20 S:26 B:96 #f5c0b5 H:10 S:26 B:96 #f5b5b5 H:0 S:26 B:96

明度 #e9ffbd H:80 S:26 B:100 #d2e6aa H:80 S:26 B:90 #bacc97 H:80 S:26 B:80 #a3b384 H:80 S:26 B:70 #8c9971 H:80 S:26 B:60 #74805e H:80 S:26 B:50 #5d664b H:80 S:26 B:40 #464d39 H:80 S:26 B:30 #2f3326 H:80 S:26 B:20 #171a13 H:80 S:26 B:10 #000000 H:80 S:26 B:0

彩度 #a3f500 H:80 S:100 B:96 #abf518 H:80 S:90 B:96 #b4f531 H:80 S:80 B:96 #bcf549 H:80 S:70 B:96 #c4f562 H:80 S:60 B:96 #ccf57a H:80 S:50 B:96 #d4f593 H:80 S:40 B:96 #dcf5ab H:80 S:30 B:96 #e4f5c4 H:80 S:20 B:96 #edf5dc H:80 S:10 B:96 #f5f5f5 H:80 S:0 B:96

補色 #b5c0f5 H:230 S:26 B:96 #cab5f5 H:260 S:26 B:96 #eab5f5 H:290 S:26 B:96

類似色 #f5cab5 H:20 S:26 B:96 #f5dab5 H:35 S:26 B:96 #f5eab5 H:50 S:26 B:96 #eff5b5 H:65 S:26 B:96 #e0f5b5 H:80 S:26 B:96 #d0f5b5 H:95 S:26 B:96 #c0f5b5 H:110 S:26 B:96 #b5f5ba H:125 S:26 B:96 #b5f5ca H:140 S:26 B:96

#dff4b5 の配色パターン