En yakın adlandırılmış renk · #D4B5BB
#D4B5BB
En yakın adlandırılmış renk: Strawberry Latte
#D4B5BB (rgb(212 181 187), hsl(348 26% 77%), oklch(0.802 0.037 4.8)) en çok Strawberry Latte 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.
#D4B5BB
oklch(0.802 0.037 4.8)
Renk dönüşümleri
- HEX
- #d4b5bb
- RGB
- rgb(212 181 187)
- HSL
- hsl(348 26% 77%)
- HWB
- hwb(348 71% 17%)
- OKLCH
- oklch(0.802 0.037 4.8)
- OKLab
- oklab(0.802 0.036 0.003)
- CIE Lab
- lab(76.55 12.23 1.3)
- LCH
- lch(76.55 12.3 6.1)
- CMYK
- cmyk(0% 15% 12% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8BCC2
- DDC3C8
- E1CBCF
- E5D2D6
- EADADD
- EEE1E3
- F2E8EA
- F7F0F1
- FBF7F8
Koyu tonlar
- B89DA2
- 9D868A
- 836F73
- 69595C
- 514446
- 3A3032
- 241D1F
- 100C0D
- 020202
Gri tonlar
- CBB0B5
- C3AAAF
- BAA5A9
- B29FA3
- A99A9D
- A19597
- 999091
- 908A8B
- 888586
Renk uyumları
Tamamlayıcı +180°
- D4B5BB
Strawberry Latte
- A5C6C1
≈ Peppermint Pie
Analog -30° +30°
- D4B5BB
Strawberry Latte
- CEB6C8
≈ Janey’s Party
- D5B6AF
≈ Oyster Pink
Üçlü +120° +240°
- D4B5BB
Strawberry Latte
- B9C3A9
≈ Healing Retreat
- ABC1D5
≈ Airway
Bölünmüş tamamlayıcı +150° +210°
- D4B5BB
Strawberry Latte
- ADC6B4
≈ Zanah
- A5C5CD
≈ Salt Spray
Dörtlü +90° +180° +270°
- D4B5BB
Strawberry Latte
- C5BEA4
≈ Celery Powder
- A5C6C1
≈ Peppermint Pie
- B7BDD6
≈ Hazy Sky
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.88:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.12:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--strawberry-latte: #d4b5bb;
--strawberry-latte-rgb: 212 181 187;
--strawberry-latte-oklch: oklch(0.802 0.037 4.8);
}
.element {
color: var(--strawberry-latte);
background-color: hsl(348 26% 77%);
border-color: oklch(0.802 0.037 4.8);
}Tailwind CSS v4
@theme {
--color-strawberry-latte: #d4b5bb;
--color-strawberry-latte-50: #fff1f3;
--color-strawberry-latte-100: #f4e3e6;
--color-strawberry-latte-200: #e3ced1;
--color-strawberry-latte-300: #c9b0b4;
--color-strawberry-latte-400: #b2969b;
--color-strawberry-latte-500: #9c7c83;
--color-strawberry-latte-600: #84696f;
--color-strawberry-latte-700: #6a5459;
--color-strawberry-latte-800: #4e3d41;
--color-strawberry-latte-900: #362a2d;
--color-strawberry-latte-950: #21181a;
}SCSS
$strawberry-latte: #d4b5bb;
$strawberry-latte-rgb: 212, 181, 187;
$strawberry-latte-light: mix(#fff, $strawberry-latte, 20%);
$strawberry-latte-dark: mix(#000, $strawberry-latte, 20%);
.element {
color: $strawberry-latte;
box-shadow: 0 0 0 2px rgba($strawberry-latte, 0.35);
}