En yakın adlandırılmış renk · #CFA589
#CFA589
En yakın adlandırılmış renk: Lunatic Lynx
#CFA589 (rgb(207 165 137), hsl(24 42% 67%), oklch(0.753 0.063 55.2)) en çok Lunatic Lynx 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.
#CFA589
oklch(0.753 0.063 55.2)
Renk dönüşümleri
- HEX
- #cfa589
- RGB
- rgb(207 165 137)
- HSL
- hsl(24 42% 67%)
- HWB
- hwb(24 54% 19%)
- OKLCH
- oklch(0.753 0.063 55.2)
- OKLab
- oklab(0.753 0.036 0.052)
- CIE Lab
- lab(71.13 13.08 20.75)
- LCH
- lch(71.13 24.52 57.8)
- CMYK
- cmyk(0% 20% 34% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4AE95
- D9B7A0
- DEC0AC
- E3C9B7
- E8D2C3
- ECDBCF
- F1E4DB
- F6EDE7
- FAF6F3
Koyu tonlar
- B48F76
- 997964
- 7F6553
- 675142
- 4F3D31
- 382B22
- 231A14
- 100A07
- 020101
Gri tonlar
- C7A188
- BF9E88
- B79A87
- AF9686
- A79385
- 9F8F84
- 978B83
- 908782
- 888481
Renk uyumları
Tamamlayıcı +180°
- CFA589
Lunatic Lynx
- 88B6D2
≈ Periwinkle Sky
Analog -30° +30°
- CFA589
Lunatic Lynx
- D4A09B
≈ Evening Dress
- C1AC81
≈ Cobbler
Üçlü +120° +240°
- CFA589
Lunatic Lynx
- 84BCAD
≈ Patina Hue
- B1A7D3
≈ Ariel’s Delight
Bölünmüş tamamlayıcı +150° +210°
- CFA589
Lunatic Lynx
- 7EBBC2
≈ Warm Waters
- 9CAFD8
≈ Aster Flower Blue
Dörtlü +90° +180° +270°
- CFA589
Lunatic Lynx
- 96BA97
≈ Brookview
- 88B6D2
≈ Periwinkle Sky
- C4A2C5
≈ Pale Grape
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.23:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.39:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--lunatic-lynx: #cfa589;
--lunatic-lynx-rgb: 207 165 137;
--lunatic-lynx-oklch: oklch(0.753 0.063 55.2);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(24 42% 67%);
border-color: oklch(0.753 0.063 55.2);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #cfa589;
--color-lunatic-lynx-50: #fff1e4;
--color-lunatic-lynx-100: #f9e3d4;
--color-lunatic-lynx-200: #eacebb;
--color-lunatic-lynx-300: #d1b098;
--color-lunatic-lynx-400: #bc957b;
--color-lunatic-lynx-500: #a77b5e;
--color-lunatic-lynx-600: #8d6850;
--color-lunatic-lynx-700: #71533f;
--color-lunatic-lynx-800: #543c2e;
--color-lunatic-lynx-900: #3b2a1f;
--color-lunatic-lynx-950: #25170f;
}SCSS
$lunatic-lynx: #cfa589;
$lunatic-lynx-rgb: 207, 165, 137;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}