Benannte Farbe · #C99C7D
Desert Carnation
Desert Carnation ist #C99C7D: rgb(201 156 125), hsl(24 41% 64%), oklch(0.727 0.069 55.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Desert Carnation color name →
#C99C7D
oklch(0.727 0.069 55.9)
Farbumrechnungen
- HEX
- #c99c7d
- RGB
- rgb(201 156 125)
- HSL
- hsl(24 41% 64%)
- HWB
- hwb(24 49% 21%)
- OKLCH
- oklch(0.727 0.069 55.9)
- OKLab
- oklab(0.727 0.039 0.057)
- CIE Lab
- lab(68.07 14.23 23.05)
- LCH
- lch(68.07 27.09 58.3)
- CMYK
- cmyk(0% 22% 38% 21%)
Tints · Shades · Tones
Tints
- CFA68A
- D4AF96
- DAB9A3
- DFC3B0
- E5CDBD
- EAD7CA
- EFE1D7
- F5EBE4
- FAF5F2
Shades
- AE876C
- 95735B
- 7C5F4B
- 644C3B
- 4C392C
- 36281E
- 221811
- 0F0905
- 020101
Tones
- C2997E
- BA977E
- B3947F
- AC917F
- A48E7F
- 9D8B80
- 968980
- 8F8680
- 878380
Farbharmonien
Komplementär +180°
- C99C7D
Desert Carnation
- 7CAECD
≈ Soul Blue
Analog -30° +30°
- C99C7D
Desert Carnation
- CF9690
≈ Peach Beige
- BAA475
≈ Hemp Rope
Triadisch +120° +240°
- C99C7D
Desert Carnation
- 77B5A5
≈ Turtle Lake
- AA9ECE
≈ Imperial Lilac
Geteilt komplementär +150° +210°
- C99C7D
Desert Carnation
- 71B4BC
≈ Tibetan Stone
- 92A6D3
≈ Foresight
Tetradisch +90° +180° +270°
- C99C7D
Desert Carnation
- 8BB38D
≈ Green Bonnet
- 7CAECD
≈ Soul Blue
- BE98BE
≈ Dripping Wisteria
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.46:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.53:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--desert-carnation: #c99c7d;
--desert-carnation-rgb: 201 156 125;
--desert-carnation-oklch: oklch(0.727 0.069 55.9);
}
.element {
color: var(--desert-carnation);
background-color: hsl(24 41% 64%);
border-color: oklch(0.727 0.069 55.9);
}Tailwind CSS v4
@theme {
--color-desert-carnation: #c99c7d;
--color-desert-carnation-50: #fff1e2;
--color-desert-carnation-100: #fae3d2;
--color-desert-carnation-200: #ecceb8;
--color-desert-carnation-300: #d3af95;
--color-desert-carnation-400: #bf9477;
--color-desert-carnation-500: #aa7a59;
--color-desert-carnation-600: #8f684c;
--color-desert-carnation-700: #73533c;
--color-desert-carnation-800: #553c2b;
--color-desert-carnation-900: #3c291d;
--color-desert-carnation-950: #25170d;
}SCSS
$desert-carnation: #c99c7d;
$desert-carnation-rgb: 201, 156, 125;
$desert-carnation-light: mix(#fff, $desert-carnation, 20%);
$desert-carnation-dark: mix(#000, $desert-carnation, 20%);
.element {
color: $desert-carnation;
box-shadow: 0 0 0 2px rgba($desert-carnation, 0.35);
}