Adlandırılmış renk · #D8948B
Powder Blush
Powder Blush, #D8948B: rgb(216 148 139), hsl(7 50% 70%), oklch(0.731 0.084 27.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Powder Blush color name →
#D8948B
oklch(0.731 0.084 27.6)
Renk dönüşümleri
- HEX
- #d8948b
- RGB
- rgb(216 148 139)
- HSL
- hsl(7 50% 70%)
- HWB
- hwb(7 55% 15%)
- OKLCH
- oklch(0.731 0.084 27.6)
- OKLab
- oklab(0.731 0.074 0.039)
- CIE Lab
- lab(68.07 25.56 15.71)
- LCH
- lch(68.07 30 31.6)
- CMYK
- cmyk(0% 31% 36% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DD9F96
- E1A9A1
- E5B4AD
- E9BEB8
- EDC9C4
- F1D4CF
- F5DFDB
- F8E9E7
- FCF4F3
Koyu tonlar
- BC8078
- A06D66
- 855A54
- 6B4843
- 533632
- 3B2623
- 251614
- 110807
- 020101
Gri tonlar
- CF928A
- C79089
- BE8F88
- B58D87
- AC8B86
- A48985
- 9B8784
- 928482
- 898281
Renk uyumları
Tamamlayıcı +180°
- D8948B
Powder Blush
- 62B7C3
≈ Adonis
Analog -30° +30°
- D8948B
Powder Blush
- D492A8
≈ Sugar Tooth
- D19B73
≈ Rustic Adobe
Üçlü +120° +240°
- D8948B
Powder Blush
- 84B78A
≈ Oilcloth Green
- 91A7DE
≈ Dalmatian Sage
Bölünmüş tamamlayıcı +150° +210°
- D8948B
Powder Blush
- 69BAA8
≈ Bath Turquoise
- 74B0D7
≈ Skyscape
Dörtlü +90° +180° +270°
- D8948B
Powder Blush
- A3B072
≈ Umbrella Green
- 62B7C3
≈ Adonis
- AE9DD7
≈ Violet Velvet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.46:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.52:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--powder-blush: #d8948b;
--powder-blush-rgb: 216 148 139;
--powder-blush-oklch: oklch(0.731 0.084 27.6);
}
.element {
color: var(--powder-blush);
background-color: hsl(7 50% 70%);
border-color: oklch(0.731 0.084 27.6);
}Tailwind CSS v4
@theme {
--color-powder-blush: #d8948b;
--color-powder-blush-50: #ffede7;
--color-powder-blush-100: #ffded8;
--color-powder-blush-200: #f6c8bf;
--color-powder-blush-300: #dfa89e;
--color-powder-blush-400: #cb8c83;
--color-powder-blush-500: #b77067;
--color-powder-blush-600: #9b5f58;
--color-powder-blush-700: #7c4c46;
--color-powder-blush-800: #5c3733;
--color-powder-blush-900: #412523;
--color-powder-blush-950: #291412;
}SCSS
$powder-blush: #d8948b;
$powder-blush-rgb: 216, 148, 139;
$powder-blush-light: mix(#fff, $powder-blush, 20%);
$powder-blush-dark: mix(#000, $powder-blush, 20%);
.element {
color: $powder-blush;
box-shadow: 0 0 0 2px rgba($powder-blush, 0.35);
}