En yakın adlandırılmış renk · #D5A68A
#D5A68A
En yakın adlandırılmış renk: Lunatic Lynx
#D5A68A (rgb(213 166 138), hsl(22 47% 69%), oklch(0.761 0.068 52.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.
#D5A68A
oklch(0.761 0.068 52.2)
Renk dönüşümleri
- HEX
- #d5a68a
- RGB
- rgb(213 166 138)
- HSL
- hsl(22 47% 69%)
- HWB
- hwb(22 54% 16%)
- OKLCH
- oklch(0.761 0.068 52.2)
- OKLab
- oklab(0.761 0.042 0.054)
- CIE Lab
- lab(72.02 15.05 21.53)
- LCH
- lch(72.02 26.27 55)
- CMYK
- cmyk(0% 22% 35% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9AF95
- DEB8A1
- E2C0AC
- E7C9B8
- EBD2C4
- EFDBCF
- F3E4DB
- F7EDE7
- FBF6F3
Koyu tonlar
- B99077
- 9E7A65
- 836553
- 6A5142
- 513E32
- 3A2B22
- 241A14
- 100A07
- 020101
Gri tonlar
- CCA289
- C49E88
- BB9B88
- B39787
- AA9386
- A28F85
- 998C84
- 918882
- 888481
Renk uyumları
Tamamlayıcı +180°
- D5A68A
Lunatic Lynx
- 86BAD6
≈ Simply Posh
Analog -30° +30°
- D5A68A
Lunatic Lynx
- DAA19E
≈ Passive Pink
- C7AE80
≈ Common Chalcedony
Üçlü +120° +240°
- D5A68A
Lunatic Lynx
- 84C0AD
≈ Seaborn
- B2AADA
≈ Grape Illusion
Bölünmüş tamamlayıcı +150° +210°
- D5A68A
Lunatic Lynx
- 7CBFC4
≈ Pure Turquoise
- 9AB2DD
≈ Myrtle Flower
Dörtlü +90° +180° +270°
- D5A68A
Lunatic Lynx
- 99BD95
≈ Milly Green
- 86BAD6
≈ Simply Posh
- C6A4CB
≈ Stormy Sunrise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.17:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.65:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--lunatic-lynx: #d5a68a;
--lunatic-lynx-rgb: 213 166 138;
--lunatic-lynx-oklch: oklch(0.761 0.068 52.2);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(22 47% 69%);
border-color: oklch(0.761 0.068 52.2);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d5a68a;
--color-lunatic-lynx-50: #fff1e3;
--color-lunatic-lynx-100: #fbe2d3;
--color-lunatic-lynx-200: #eccdba;
--color-lunatic-lynx-300: #d4af97;
--color-lunatic-lynx-400: #bf947a;
--color-lunatic-lynx-500: #aa7a5c;
--color-lunatic-lynx-600: #90674e;
--color-lunatic-lynx-700: #73523e;
--color-lunatic-lynx-800: #563c2d;
--color-lunatic-lynx-900: #3c291e;
--color-lunatic-lynx-950: #25170e;
}SCSS
$lunatic-lynx: #d5a68a;
$lunatic-lynx-rgb: 213, 166, 138;
$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);
}