Adlandırılmış renk · #CDBA96
Hayloft
Hayloft, #CDBA96: rgb(205 186 150), hsl(39 35% 70%), oklch(0.796 0.053 83.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Hayloft color name →
#CDBA96
oklch(0.796 0.053 83.3)
Renk dönüşümleri
- HEX
- #cdba96
- RGB
- rgb(205 186 150)
- HSL
- hsl(39 35% 70%)
- HWB
- hwb(39 59% 20%)
- OKLCH
- oklch(0.796 0.053 83.3)
- OKLab
- oklab(0.796 0.006 0.053)
- CIE Lab
- lab(76.46 2.9 20.92)
- LCH
- lch(76.46 21.11 82.1)
- CMYK
- cmyk(0% 9% 27% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2C1A0
- D7C8AB
- DCCEB5
- E1D5C0
- E6DCCA
- EBE3D5
- F0EADF
- F5F1EA
- FAF8F4
Koyu tonlar
- B2A182
- 98896E
- 7E725B
- 665C49
- 4E4637
- 383226
- 231E16
- 0F0D08
- 020201
Gri tonlar
- C5B494
- BDAE92
- B5A890
- ADA28E
- A69D8C
- 9E9789
- 969187
- 8F8B85
- 878682
Renk uyumları
Tamamlayıcı +180°
- CDBA96
Hayloft
- ABBDDF
≈ September Aster
Analog -30° +30°
- CDBA96
Hayloft
- D9B49D
≈ Spanish Villa
- BCC19A
≈ Beige and Sage
Üçlü +120° +240°
- CDBA96
Hayloft
- 94C7CC
≈ Adriatic Haze
- CEB1D0
≈ Lavender Knoll
Bölünmüş tamamlayıcı +150° +210°
- CDBA96
Hayloft
- 9BC3DA
≈ Madras Blue
- BDB7DC
≈ Melrose
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.89:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.05:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--hayloft: #cdba96;
--hayloft-rgb: 205 186 150;
--hayloft-oklch: oklch(0.796 0.053 83.3);
}
.element {
color: var(--hayloft);
background-color: hsl(39 35% 70%);
border-color: oklch(0.796 0.053 83.3);
}Tailwind CSS v4
@theme {
--color-hayloft: #cdba96;
--color-hayloft-50: #fcf4e4;
--color-hayloft-100: #f0e7d4;
--color-hayloft-200: #dfd3bb;
--color-hayloft-300: #c4b699;
--color-hayloft-400: #ae9c7b;
--color-hayloft-500: #97835d;
--color-hayloft-600: #806f4f;
--color-hayloft-700: #66593f;
--color-hayloft-800: #4c412d;
--color-hayloft-900: #352d1e;
--color-hayloft-950: #201a0e;
}SCSS
$hayloft: #cdba96;
$hayloft-rgb: 205, 186, 150;
$hayloft-light: mix(#fff, $hayloft, 20%);
$hayloft-dark: mix(#000, $hayloft, 20%);
.element {
color: $hayloft;
box-shadow: 0 0 0 2px rgba($hayloft, 0.35);
}