Nazwany kolor · #DD7722
Cherokee Dignity
Cherokee Dignity to #DD7722: rgb(221 119 34), hsl(27 73% 50%), oklch(0.672 0.155 54.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cherokee Dignity color name →
#DD7722
oklch(0.672 0.155 54.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E28542
- E6935A
- EBA170
- EEAF85
- F2BC9A
- F5CAAE
- F8D7C2
- FBE4D6
- FDF2EB
Odcienie ciemniejsze
- C0671C
- A45716
- 884711
- 6E380B
- 552A07
- 3D1C03
- 261001
- 110500
- 020100
Tony
- D47934
- CB7B41
- C27C4B
- B97D55
- B07E5D
- A77F65
- 9E806C
- 948073
- 8A807A
Harmonie kolorów
Komplementarna +180°
- DD7722
Cherokee Dignity
- 00A2DF
≈ Vanadyl Blue
Analogowa -30° +30°
- DD7722
Cherokee Dignity
- E66A65
≈ Childhood Crush
- BD8D00
≈ Moutarde de Bénichon
Triada +120° +240°
- DD7722
Cherokee Dignity
- 00AF90
≈ Hobgoblin
- 9D80EB
≈ Forgotten Purple
Komplementarna rozszczepiona +150° +210°
- DD7722
Cherokee Dignity
- 00AAB6
≈ Bluebird
- 6592F5
≈ Guilliman Blue
Tetrada +90° +180° +270°
- DD7722
Cherokee Dignity
- 50AE54
≈ Chlorella Green
- 00A2DF
≈ Vanadyl Blue
- C471CB
≈ Gulābī Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.11:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.73:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
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);
}