En yakın adlandırılmış renk · #D3A989
#D3A989
En yakın adlandırılmış renk: Lunatic Lynx
#D3A989 (rgb(211 169 137), hsl(26 46% 68%), oklch(0.765 0.066 58.9)) 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.
#D3A989
oklch(0.765 0.066 58.9)
Renk dönüşümleri
- HEX
- #d3a989
- RGB
- rgb(211 169 137)
- HSL
- hsl(26 46% 68%)
- HWB
- hwb(26 54% 17%)
- OKLCH
- oklch(0.765 0.066 58.9)
- OKLab
- oklab(0.765 0.034 0.057)
- CIE Lab
- lab(72.53 12.63 22.71)
- LCH
- lch(72.53 25.99 60.9)
- CMYK
- cmyk(0% 20% 35% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8B195
- DCBAA0
- E1C2AC
- E5CBB8
- EAD4C3
- EEDCCF
- F2E5DB
- F7EEE7
- FBF6F3
Koyu tonlar
- B79276
- 9C7C64
- 826753
- 695342
- 513F31
- 3A2C22
- 241B14
- 100A07
- 020101
Gri tonlar
- CBA588
- C2A188
- BA9D87
- B19986
- A99585
- A19084
- 998C83
- 908882
- 888481
Renk uyumları
Tamamlayıcı +180°
- D3A989
Lunatic Lynx
- 8CB9D8
≈ Periwinkle Sky
Analog -30° +30°
- D3A989
Lunatic Lynx
- DAA39B
≈ Quiet Pink
- C4B182
≈ Desert Floor
Üçlü +120° +240°
- D3A989
Lunatic Lynx
- 84C1B3
≈ Seaborn
- B8AAD8
≈ Purple Hibiscus
Bölünmüş tamamlayıcı +150° +210°
- D3A989
Lunatic Lynx
- 80BFC9
≈ Meltwater
- A1B2DE
≈ Myrtle Flower
Dörtlü +90° +180° +270°
- D3A989
Lunatic Lynx
- 96BF9C
≈ Green-Eyed Lady
- 8CB9D8
≈ Periwinkle Sky
- CBA4C8
≈ Stormy Sunrise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.14:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.80:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.80:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--lunatic-lynx: #d3a989;
--lunatic-lynx-rgb: 211 169 137;
--lunatic-lynx-oklch: oklch(0.765 0.066 58.9);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(26 46% 68%);
border-color: oklch(0.765 0.066 58.9);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d3a989;
--color-lunatic-lynx-50: #fff1e3;
--color-lunatic-lynx-100: #f9e3d2;
--color-lunatic-lynx-200: #eaceb8;
--color-lunatic-lynx-300: #d1b096;
--color-lunatic-lynx-400: #bc9578;
--color-lunatic-lynx-500: #a77c59;
--color-lunatic-lynx-600: #8d694c;
--color-lunatic-lynx-700: #71543d;
--color-lunatic-lynx-800: #543d2c;
--color-lunatic-lynx-900: #3b2a1d;
--color-lunatic-lynx-950: #25170d;
}SCSS
$lunatic-lynx: #d3a989;
$lunatic-lynx-rgb: 211, 169, 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);
}