En yakın adlandırılmış renk · #D8AA87
#D8AA87
En yakın adlandırılmış renk: Lunatic Lynx
#D8AA87 (rgb(216 170 135), hsl(26 51% 69%), oklch(0.771 0.072 58.7)) 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.
#D8AA87
oklch(0.771 0.072 58.7)
Renk dönüşümleri
- HEX
- #d8aa87
- RGB
- rgb(216 170 135)
- HSL
- hsl(26 51% 69%)
- HWB
- hwb(26 53% 15%)
- OKLCH
- oklch(0.771 0.072 58.7)
- OKLab
- oklab(0.771 0.037 0.062)
- CIE Lab
- lab(73.26 13.95 24.86)
- LCH
- lch(73.26 28.51 60.7)
- CMYK
- cmyk(0% 21% 38% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCB293
- E0BB9F
- E4C3AB
- E8CCB7
- ECD4C2
- F0DDCE
- F4E5DB
- F8EEE7
- FBF6F3
Koyu tonlar
- BC9375
- A07D63
- 856851
- 6B5341
- 533F31
- 3B2D21
- 251B13
- 110B06
- 020101
Gri tonlar
- CFA687
- C6A286
- BD9D86
- B49985
- AC9584
- A39184
- 9A8D83
- 918882
- 898481
Renk uyumları
Tamamlayıcı +180°
- D8AA87
Lunatic Lynx
- 8ABCDE
≈ Frozen Whisper
Analog -30° +30°
- D8AA87
Lunatic Lynx
- DFA49B
≈ Coral Cove
- C7B37F
≈ Aviva
Üçlü +120° +240°
- D8AA87
Lunatic Lynx
- 81C4B5
≈ Holiday
- BAABDD
≈ Purple Hibiscus
Bölünmüş tamamlayıcı +150° +210°
- D8AA87
Lunatic Lynx
- 7CC2CD
≈ Wavelet
- A1B3E4
≈ Myrtle Flower
Dörtlü +90° +180° +270°
- D8AA87
Lunatic Lynx
- 95C29C
≈ Delltone
- 8ABCDE
≈ Frozen Whisper
- CFA5CC
≈ Geranium Bud
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.09:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.01:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--lunatic-lynx: #d8aa87;
--lunatic-lynx-rgb: 216 170 135;
--lunatic-lynx-oklch: oklch(0.771 0.072 58.7);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(26 51% 69%);
border-color: oklch(0.771 0.072 58.7);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d8aa87;
--color-lunatic-lynx-50: #fff1e1;
--color-lunatic-lynx-100: #fbe3d0;
--color-lunatic-lynx-200: #ecceb6;
--color-lunatic-lynx-300: #d3af93;
--color-lunatic-lynx-400: #bf9474;
--color-lunatic-lynx-500: #aa7a55;
--color-lunatic-lynx-600: #906848;
--color-lunatic-lynx-700: #73533a;
--color-lunatic-lynx-800: #563c29;
--color-lunatic-lynx-900: #3c291c;
--color-lunatic-lynx-950: #25170c;
}SCSS
$lunatic-lynx: #d8aa87;
$lunatic-lynx-rgb: 216, 170, 135;
$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);
}