Nächste benannte Farbe · #DEA280
#DEA280
Nächste benannte Farbe: Les Demoiselles d’Avignon
#DEA280 (rgb(222 162 128), hsl(22 59% 69%), oklch(0.761 0.085 50.6)) liegt am nächsten an der benannten Farbe Les Demoiselles d’Avignon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DEA280
oklch(0.761 0.085 50.6)
Farbumrechnungen
- HEX
- #dea280
- RGB
- rgb(222 162 128)
- HSL
- hsl(22 59% 69%)
- HWB
- hwb(22 50% 13%)
- OKLCH
- oklch(0.761 0.085 50.6)
- OKLab
- oklab(0.761 0.054 0.066)
- CIE Lab
- lab(71.87 19.86 26.92)
- LCH
- lch(71.87 33.46 53.6)
- CMYK
- cmyk(0% 27% 42% 13%)
Tints · Shades · Tones
Tints
- E2AB8D
- E6B599
- E9BEA6
- EDC7B2
- F0D0BF
- F3DACC
- F6E3D8
- F9ECE5
- FCF6F2
Shades
- C18C6E
- A5775D
- 89634D
- 6F4F3D
- 553C2E
- 3D2A1F
- 261912
- 120A06
- 020101
Tones
- D59F80
- CB9B81
- C29881
- B89581
- AF9181
- A68E81
- 9C8B81
- 938781
- 898480
Farbharmonien
Komplementär +180°
- DEA280
Les Demoiselles d’Avignon
- 76BCDE
≈ Costa Rica Blue
Analog -30° +30°
- DEA280
Les Demoiselles d’Avignon
- E39C9A
≈ Mexicali Rose
- CEAC72
≈ More Maple
Triadisch +120° +240°
- DEA280
Les Demoiselles d’Avignon
- 77C3AA
≈ Green Balloon
- B1A8E4
≈ Maximum Blue Purple
Geteilt komplementär +150° +210°
- DEA280
Les Demoiselles d’Avignon
- 6AC2C7
≈ Luna Moona
- 92B2E8
≈ Blue Skies Today
Tetradisch +90° +180° +270°
- DEA280
Les Demoiselles d’Avignon
- 94BF8C
≈ Olive Sand
- 76BCDE
≈ Costa Rica Blue
- CAA0D3
≈ Lilac Lace
Kontrast & Barrierefreiheit
Auf Weiß
WCAG 2.19:1 · APCA Lc 43
Auf Schwarz
WCAG 9.58:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--les-demoiselles-d-avignon: #dea280;
--les-demoiselles-d-avignon-rgb: 222 162 128;
--les-demoiselles-d-avignon-oklch: oklch(0.761 0.085 50.6);
}
.element {
color: var(--les-demoiselles-d-avignon);
background-color: hsl(22 59% 69%);
border-color: oklch(0.761 0.085 50.6);
}Tailwind CSS v4
@theme {
--color-les-demoiselles-d-avignon: #dea280;
--color-les-demoiselles-d-avignon-50: #ffefdf;
--color-les-demoiselles-d-avignon-100: #ffe1ce;
--color-les-demoiselles-d-avignon-200: #f3cbb3;
--color-les-demoiselles-d-avignon-300: #dbac8f;
--color-les-demoiselles-d-avignon-400: #c89070;
--color-les-demoiselles-d-avignon-500: #b37551;
--color-les-demoiselles-d-avignon-600: #986345;
--color-les-demoiselles-d-avignon-700: #7a4f37;
--color-les-demoiselles-d-avignon-800: #5a3927;
--color-les-demoiselles-d-avignon-900: #3f271a;
--color-les-demoiselles-d-avignon-950: #28150b;
}SCSS
$les-demoiselles-d-avignon: #dea280;
$les-demoiselles-d-avignon-rgb: 222, 162, 128;
$les-demoiselles-d-avignon-light: mix(#fff, $les-demoiselles-d-avignon, 20%);
$les-demoiselles-d-avignon-dark: mix(#000, $les-demoiselles-d-avignon, 20%);
.element {
color: $les-demoiselles-d-avignon;
box-shadow: 0 0 0 2px rgba($les-demoiselles-d-avignon, 0.35);
}