Benannte Farbe · #CA5333
Orange Keeper
Orange Keeper ist #CA5333: rgb(202 83 51), hsl(13 60% 50%), oklch(0.592 0.159 35.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Orange Keeper color name →
#CA5333
oklch(0.592 0.159 35.9)
Farbumrechnungen
- HEX
- #ca5333
- RGB
- rgb(202 83 51)
- HSL
- hsl(13 60% 50%)
- HWB
- hwb(13 20% 21%)
- OKLCH
- oklch(0.592 0.159 35.9)
- OKLab
- oklab(0.592 0.129 0.093)
- CIE Lab
- lab(51.32 46.98 42.98)
- LCH
- lch(51.32 63.67 42.5)
- CMYK
- cmyk(0% 59% 75% 21%)
Tints · Shades · Tones
Tints
- D16649
- D8785E
- DF8972
- E59A85
- EAAB99
- F0BCAD
- F4CCC1
- F8DDD6
- FCEEEA
Shades
- AF472B
- 953B23
- 7C301C
- 642514
- 4D1B0D
- 371107
- 220803
- 0F0201
- 020000
Tones
- C4593D
- BD5F46
- B7654F
- B06956
- A96E5E
- A17265
- 9A766C
- 927973
- 897D79
Farbharmonien
Komplementär +180°
- CA5333
Orange Keeper
- 008DA5
≈ Parrot Flight
Analog -30° +30°
- CA5333
Orange Keeper
- C84D6F
≈ Fruit Dove
- B26B00
≈ Caramel
Triadisch +120° +240°
- CA5333
Orange Keeper
- 009658
≈ Green Gloss
- 6671DA
≈ C64 Purple
Geteilt komplementär +150° +210°
- CA5333
Orange Keeper
- 009187
≈ Nifty Turquoise
- 0083D2
≈ Electron Blue
Tetradisch +90° +180° +270°
- CA5333
Orange Keeper
- 688D00
≈ Asparagus Sultan
- 008DA5
≈ Parrot Flight
- 9560C7
≈ Trunks Hair
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.37:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.79:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.79:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--orange-keeper: #ca5333;
--orange-keeper-rgb: 202 83 51;
--orange-keeper-oklch: oklch(0.592 0.159 35.9);
}
.element {
color: var(--orange-keeper);
background-color: hsl(13 60% 50%);
border-color: oklch(0.592 0.159 35.9);
}Tailwind CSS v4
@theme {
--color-orange-keeper: #ca5333;
--color-orange-keeper-50: #ffe6d5;
--color-orange-keeper-100: #ffd6c2;
--color-orange-keeper-200: #ffbda3;
--color-orange-keeper-300: #fd997b;
--color-orange-keeper-400: #ec7859;
--color-orange-keeper-500: #da5531;
--color-orange-keeper-600: #b8492b;
--color-orange-keeper-700: #943a22;
--color-orange-keeper-800: #6f2919;
--color-orange-keeper-900: #4e1b10;
--color-orange-keeper-950: #330b04;
}SCSS
$orange-keeper: #ca5333;
$orange-keeper-rgb: 202, 83, 51;
$orange-keeper-light: mix(#fff, $orange-keeper, 20%);
$orange-keeper-dark: mix(#000, $orange-keeper, 20%);
.element {
color: $orange-keeper;
box-shadow: 0 0 0 2px rgba($orange-keeper, 0.35);
}