Adlandırılmış renk · #D4B597
Crowned One
Crowned One, #D4B597: rgb(212 181 151), hsl(30 41% 71%), oklch(0.792 0.054 66). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Crowned One color name →
#D4B597
oklch(0.792 0.054 66)
Renk dönüşümleri
- HEX
- #d4b597
- RGB
- rgb(212 181 151)
- HSL
- hsl(30 41% 71%)
- HWB
- hwb(30 59% 17%)
- OKLCH
- oklch(0.792 0.054 66)
- OKLab
- oklab(0.792 0.022 0.05)
- CIE Lab
- lab(75.85 8.25 19.7)
- LCH
- lch(75.85 21.36 67.3)
- CMYK
- cmyk(0% 15% 29% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8BCA1
- DDC4AB
- E1CBB6
- E5D2C0
- EADACA
- EEE1D5
- F2E9DF
- F7F0EA
- FBF7F4
Koyu tonlar
- B89D83
- 9D866F
- 836F5C
- 695949
- 514437
- 3A3026
- 241D17
- 100C08
- 020201
Gri tonlar
- CBB095
- C3AA93
- BAA590
- B2A08E
- A99A8C
- A1958A
- 999087
- 908A85
- 888582
Renk uyumları
Tamamlayıcı +180°
- D4B597
Crowned One
- 9FC0DD
≈ Ice Cave
Analog -30° +30°
- D4B597
Crowned One
- DCB0A4
≈ Pale Blush
- C5BC94
≈ Earth Friendly
Üçlü +120° +240°
- D4B597
Crowned One
- 94C7C0
≈ Enchanted Isle
- C4B3D8
≈ Moonraker
Bölünmüş tamamlayıcı +150° +210°
- D4B597
Crowned One
- 94C5D2
≈ Blue Glint
- B1B9DF
≈ French Lilac Blue
Dörtlü +90° +180° +270°
- D4B597
Crowned One
- A0C6AD
≈ Mini Green
- 9FC0DD
≈ Ice Cave
- D3AFC9
≈ Lavender Knoll
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.93:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.85:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--crowned-one: #d4b597;
--crowned-one-rgb: 212 181 151;
--crowned-one-oklch: oklch(0.792 0.054 66);
}
.element {
color: var(--crowned-one);
background-color: hsl(30 41% 71%);
border-color: oklch(0.792 0.054 66);
}Tailwind CSS v4
@theme {
--color-crowned-one: #d4b597;
--color-crowned-one-50: #fff3e5;
--color-crowned-one-100: #f5e5d5;
--color-crowned-one-200: #e4d0bc;
--color-crowned-one-300: #cbb39a;
--color-crowned-one-400: #b5997d;
--color-crowned-one-500: #9f7f60;
--color-crowned-one-600: #876c51;
--color-crowned-one-700: #6c5641;
--color-crowned-one-800: #503f2f;
--color-crowned-one-900: #382b20;
--color-crowned-one-950: #22180f;
}SCSS
$crowned-one: #d4b597;
$crowned-one-rgb: 212, 181, 151;
$crowned-one-light: mix(#fff, $crowned-one, 20%);
$crowned-one-dark: mix(#000, $crowned-one, 20%);
.element {
color: $crowned-one;
box-shadow: 0 0 0 2px rgba($crowned-one, 0.35);
}