En yakın adlandırılmış renk · #D09167
#D09167
En yakın adlandırılmış renk: Whiskey
#D09167 (rgb(208 145 103), hsl(24 53% 61%), oklch(0.709 0.095 54.3)) en çok Whiskey 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.
#D09167
oklch(0.709 0.095 54.3)
Renk dönüşümleri
- HEX
- #d09167
- RGB
- rgb(208 145 103)
- HSL
- hsl(24 53% 61%)
- HWB
- hwb(24 40% 18%)
- OKLCH
- oklch(0.709 0.095 54.3)
- OKLab
- oklab(0.709 0.056 0.077)
- CIE Lab
- lab(65.87 21.1 32.27)
- LCH
- lch(65.87 38.56 56.8)
- CMYK
- cmyk(0% 30% 50% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D59C76
- DAA785
- DFB294
- E4BDA3
- E9C8B2
- EED3C2
- F2DED1
- F7E9E0
- FBF4F0
Koyu tonlar
- B57D59
- 9A6A4B
- 80583D
- 674630
- 4F3523
- 392517
- 23150C
- 100704
- 020100
Gri tonlar
- C8906A
- C08E6D
- B88D70
- B08B73
- A88975
- A08878
- 98867A
- 90847C
- 88827E
Renk uyumları
Tamamlayıcı +180°
- D09167
Whiskey
- 61ABD4
≈ Salem Blue
Analog -30° +30°
- D09167
Whiskey
- D78A84
≈ My Pink
- BD9C58
≈ Tangy Green
Üçlü +120° +240°
- D09167
Whiskey
- 59B59D
≈ Keppel
- A596D7
≈ Gorgeous Hydrangea
Bölünmüş tamamlayıcı +150° +210°
- D09167
Whiskey
- 4CB3BD
≈ Glassmith
- 83A1DD
≈ Blue Cue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.64:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.92:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--whiskey: #d09167;
--whiskey-rgb: 208 145 103;
--whiskey-oklch: oklch(0.709 0.095 54.3);
}
.element {
color: var(--whiskey);
background-color: hsl(24 53% 61%);
border-color: oklch(0.709 0.095 54.3);
}Tailwind CSS v4
@theme {
--color-whiskey: #d09167;
--color-whiskey-50: #ffefdc;
--color-whiskey-100: #ffe1ca;
--color-whiskey-200: #f5cbad;
--color-whiskey-300: #deab88;
--color-whiskey-400: #cb8f67;
--color-whiskey-500: #b77445;
--color-whiskey-600: #9a623c;
--color-whiskey-700: #7c4e2f;
--color-whiskey-800: #5c3822;
--color-whiskey-900: #412716;
--color-whiskey-950: #291508;
}SCSS
$whiskey: #d09167;
$whiskey-rgb: 208, 145, 103;
$whiskey-light: mix(#fff, $whiskey, 20%);
$whiskey-dark: mix(#000, $whiskey, 20%);
.element {
color: $whiskey;
box-shadow: 0 0 0 2px rgba($whiskey, 0.35);
}