Najbliższy nazwany kolor · #CDAE56
#CDAE56
Najbliższy nazwany kolor: Desert
#CDAE56 (rgb(205 174 86), hsl(44 54% 57%), oklch(0.761 0.113 90.1)) jest najbliższy nazwanemu kolorowi Desert. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CDAE56
oklch(0.761 0.113 90.1)
Konwersje koloru
- HEX
- #cdae56
- RGB
- rgb(205 174 86)
- HSL
- hsl(44 54% 57%)
- HWB
- hwb(44 34% 20%)
- OKLCH
- oklch(0.761 0.113 90.1)
- OKLab
- oklab(0.761 0 0.113)
- CIE Lab
- lab(72.56 3.97 48.67)
- LCH
- lch(72.56 48.83 85.3)
- CMYK
- cmyk(0% 15% 58% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2B669
- D7BE7B
- DCC68C
- E1CF9D
- E6D7AE
- EBDFBE
- F0E7CE
- F5EFDE
- FAF7EF
Odcienie ciemniejsze
- B2974A
- 98803E
- 7E6A32
- 665527
- 4E411C
- 382E12
- 231C08
- 0F0B02
- 020100
Tony
- C5AA5D
- BDA562
- B5A067
- AE9C6C
- A69770
- 9E9374
- 968E77
- 8F897B
- 87857D
Harmonie kolorów
Komplementarna +180°
- CDAE56
Desert
- 95ADFA
≈ Widowmaker
Analogowa -30° +30°
- CDAE56
Desert
- E6A064
≈ South Haven
- A8BC67
≈ Light Olive
Triada +120° +240°
- CDAE56
Desert
- 44C5D9
≈ Sea Serpent
- DA97D3
≈ Velvet Horizon
Komplementarna rozszczepiona +150° +210°
- CDAE56
Desert
- 69BBF2
≈ Norfolk Sky
- BCA0EF
≈ Lavender Cream
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.78:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert: #cdae56;
--desert-rgb: 205 174 86;
--desert-oklch: oklch(0.761 0.113 90.1);
}
.element {
color: var(--desert);
background-color: hsl(44 54% 57%);
border-color: oklch(0.761 0.113 90.1);
}Tailwind CSS v4
@theme {
--color-desert: #cdae56;
--color-desert-50: #fff5d1;
--color-desert-100: #f5e8be;
--color-desert-200: #e5d49d;
--color-desert-300: #ccb672;
--color-desert-400: #b89b49;
--color-desert-500: #a38209;
--color-desert-600: #8a6e10;
--color-desert-700: #6e580e;
--color-desert-800: #534007;
--color-desert-900: #3a2c05;
--color-desert-950: #241900;
}SCSS
$desert: #cdae56;
$desert-rgb: 205, 174, 86;
$desert-light: mix(#fff, $desert, 20%);
$desert-dark: mix(#000, $desert, 20%);
.element {
color: $desert;
box-shadow: 0 0 0 2px rgba($desert, 0.35);
}