Benannte Farbe · #D29F7A
Darling Clementine
Darling Clementine ist #D29F7A: rgb(210 159 122), hsl(25 49% 65%), oklch(0.742 0.079 57.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Darling Clementine color name →
#D29F7A
oklch(0.742 0.079 57.1)
Farbumrechnungen
- HEX
- #d29f7a
- RGB
- rgb(210 159 122)
- HSL
- hsl(25 49% 65%)
- HWB
- hwb(25 48% 18%)
- OKLCH
- oklch(0.742 0.079 57.1)
- OKLab
- oklab(0.742 0.043 0.066)
- CIE Lab
- lab(69.73 16.09 27.06)
- LCH
- lch(69.73 31.48 59.3)
- CMYK
- cmyk(0% 24% 42% 18%)
Tints · Shades · Tones
Tints
- D7A887
- DCB294
- E0BBA1
- E5C5AF
- E9CFBC
- EED8C9
- F2E2D6
- F7ECE4
- FBF5F1
Shades
- B68A69
- 9B7559
- 816149
- 684D3A
- 503B2B
- 39291D
- 241810
- 100905
- 020101
Tones
- CA9C7B
- C2997C
- B9967D
- B1937E
- A9907E
- A18D7F
- 998A7F
- 908680
- 888380
Farbharmonien
Komplementär +180°
- D29F7A
Darling Clementine
- 7AB3D7
≈ Meadow Blossom Blue
Analog -30° +30°
- D29F7A
Darling Clementine
- D99890
≈ Petite Orchid
- C1A971
≈ Hay Yellow
Triadisch +120° +240°
- D29F7A
Darling Clementine
- 72BCAA
≈ Sereni Teal
- B0A1D8
≈ Violet Velvet
Geteilt komplementär +150° +210°
- D29F7A
Darling Clementine
- 6BBAC5
≈ Azul Turquesa
- 95AADE
≈ Black Drop
Tetradisch +90° +180° +270°
- D29F7A
Darling Clementine
- 8AB98F
≈ Forest Frolic
- 7AB3D7
≈ Meadow Blossom Blue
- C79AC5
≈ Pastel Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.98:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--darling-clementine: #d29f7a;
--darling-clementine-rgb: 210 159 122;
--darling-clementine-oklch: oklch(0.742 0.079 57.1);
}
.element {
color: var(--darling-clementine);
background-color: hsl(25 49% 65%);
border-color: oklch(0.742 0.079 57.1);
}Tailwind CSS v4
@theme {
--color-darling-clementine: #d29f7a;
--color-darling-clementine-50: #fff0df;
--color-darling-clementine-100: #fde2ce;
--color-darling-clementine-200: #efcdb3;
--color-darling-clementine-300: #d7ae8f;
--color-darling-clementine-400: #c39370;
--color-darling-clementine-500: #ae7850;
--color-darling-clementine-600: #936645;
--color-darling-clementine-700: #765237;
--color-darling-clementine-800: #583b27;
--color-darling-clementine-900: #3d281a;
--color-darling-clementine-950: #27160b;
}SCSS
$darling-clementine: #d29f7a;
$darling-clementine-rgb: 210, 159, 122;
$darling-clementine-light: mix(#fff, $darling-clementine, 20%);
$darling-clementine-dark: mix(#000, $darling-clementine, 20%);
.element {
color: $darling-clementine;
box-shadow: 0 0 0 2px rgba($darling-clementine, 0.35);
}