En yakın adlandırılmış renk · #D49288
#D49288
En yakın adlandırılmış renk: Powder Blush
#D49288 (rgb(212 146 136), hsl(8 47% 68%), oklch(0.723 0.082 28.8)) en çok Powder Blush adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D49288
oklch(0.723 0.082 28.8)
Renk dönüşümleri
- HEX
- #d49288
- RGB
- rgb(212 146 136)
- HSL
- hsl(8 47% 68%)
- HWB
- hwb(8 53% 17%)
- OKLCH
- oklch(0.723 0.082 28.8)
- OKLab
- oklab(0.723 0.072 0.04)
- CIE Lab
- lab(67.09 24.76 15.93)
- LCH
- lch(67.09 29.44 32.8)
- CMYK
- cmyk(0% 31% 36% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D99D93
- DEA89F
- E2B2AB
- E7BDB6
- EBC8C2
- F0D3CE
- F4DEDA
- F8E9E6
- FBF4F3
Koyu tonlar
- B87E75
- 9D6B63
- 835852
- 694641
- 513531
- 3A2522
- 241613
- 100806
- 020101
Gri tonlar
- CC9087
- C38F87
- BB8D86
- B38B85
- AA8A84
- A28884
- 9A8683
- 918482
- 898281
Renk uyumları
Tamamlayıcı +180°
- D49288
Powder Blush
- 62B4C1
≈ Glacier Lake
Analog -30° +30°
- D49288
Powder Blush
- D090A4
≈ Sugar Tooth
- CC9971
≈ Sweet Almond
Üçlü +120° +240°
- D49288
Powder Blush
- 81B489
≈ Meadow
- 90A4DA
≈ Dalmatian Sage
Bölünmüş tamamlayıcı +150° +210°
- D49288
Powder Blush
- 68B7A6
≈ Tropic Turquoise
- 74ADD3
≈ Blue Eyes
Dörtlü +90° +180° +270°
- D49288
Powder Blush
- A0AD72
≈ Umbrella Green
- 62B4C1
≈ Glacier Lake
- AC9AD2
≈ Biloba Flower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.26:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--powder-blush: #d49288;
--powder-blush-rgb: 212 146 136;
--powder-blush-oklch: oklch(0.723 0.082 28.8);
}
.element {
color: var(--powder-blush);
background-color: hsl(8 47% 68%);
border-color: oklch(0.723 0.082 28.8);
}Tailwind CSS v4
@theme {
--color-powder-blush: #d49288;
--color-powder-blush-50: #ffede7;
--color-powder-blush-100: #ffded8;
--color-powder-blush-200: #f5c8bf;
--color-powder-blush-300: #dea89e;
--color-powder-blush-400: #ca8c83;
--color-powder-blush-500: #b67167;
--color-powder-blush-600: #9a6057;
--color-powder-blush-700: #7c4c45;
--color-powder-blush-800: #5c3733;
--color-powder-blush-900: #402623;
--color-powder-blush-950: #291412;
}SCSS
$powder-blush: #d49288;
$powder-blush-rgb: 212, 146, 136;
$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);
}