Benannte Farbe · #DD7722
Cherokee Dignity
Cherokee Dignity ist #DD7722: rgb(221 119 34), hsl(27 73% 50%), oklch(0.672 0.155 54.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cherokee Dignity color name →
#DD7722
oklch(0.672 0.155 54.3)
Farbumrechnungen
- HEX
- #dd7722
- RGB
- rgb(221 119 34)
- HSL
- hsl(27 73% 50%)
- HWB
- hwb(27 13% 13%)
- OKLCH
- oklch(0.672 0.155 54.3)
- OKLab
- oklab(0.672 0.091 0.126)
- CIE Lab
- lab(61.14 36.83 60.44)
- LCH
- lch(61.14 70.78 58.6)
- CMYK
- cmyk(0% 46% 85% 13%)
Tints · Shades · Tones
Tints
- E28542
- E6935A
- EBA170
- EEAF85
- F2BC9A
- F5CAAE
- F8D7C2
- FBE4D6
- FDF2EB
Shades
- C0671C
- A45716
- 884711
- 6E380B
- 552A07
- 3D1C03
- 261001
- 110500
- 020100
Tones
- D47934
- CB7B41
- C27C4B
- B97D55
- B07E5D
- A77F65
- 9E806C
- 948073
- 8A807A
Farbharmonien
Komplementär +180°
- DD7722
Cherokee Dignity
- 00A2DF
≈ Vanadyl Blue
Analog -30° +30°
- DD7722
Cherokee Dignity
- E66A65
≈ Childhood Crush
- BD8D00
≈ Moutarde de Bénichon
Triadisch +120° +240°
- DD7722
Cherokee Dignity
- 00AF90
≈ Hobgoblin
- 9D80EB
≈ Forgotten Purple
Geteilt komplementär +150° +210°
- DD7722
Cherokee Dignity
- 00AAB6
≈ Bluebird
- 6592F5
≈ Guilliman Blue
Tetradisch +90° +180° +270°
- DD7722
Cherokee Dignity
- 50AE54
≈ Chlorella Green
- 00A2DF
≈ Vanadyl Blue
- C471CB
≈ Gulābī Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.73:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--cherokee-dignity: #dd7722;
--cherokee-dignity-rgb: 221 119 34;
--cherokee-dignity-oklch: oklch(0.672 0.155 54.3);
}
.element {
color: var(--cherokee-dignity);
background-color: hsl(27 73% 50%);
border-color: oklch(0.672 0.155 54.3);
}Tailwind CSS v4
@theme {
--color-cherokee-dignity: #dd7722;
--color-cherokee-dignity-50: #ffebcb;
--color-cherokee-dignity-100: #ffdbb6;
--color-cherokee-dignity-200: #ffc393;
--color-cherokee-dignity-300: #f4a265;
--color-cherokee-dignity-400: #e38238;
--color-cherokee-dignity-500: #d16200;
--color-cherokee-dignity-600: #b15400;
--color-cherokee-dignity-700: #8e4300;
--color-cherokee-dignity-800: #6a2f00;
--color-cherokee-dignity-900: #4b2000;
--color-cherokee-dignity-950: #310f00;
}SCSS
$cherokee-dignity: #dd7722;
$cherokee-dignity-rgb: 221, 119, 34;
$cherokee-dignity-light: mix(#fff, $cherokee-dignity, 20%);
$cherokee-dignity-dark: mix(#000, $cherokee-dignity, 20%);
.element {
color: $cherokee-dignity;
box-shadow: 0 0 0 2px rgba($cherokee-dignity, 0.35);
}