Benannte Farbe · #E29F31
Shì Zǐ Chéng Persimmon
Shì Zǐ Chéng Persimmon ist #E29F31: rgb(226 159 49), hsl(37 75% 54%), oklch(0.75 0.142 74.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Shì Zǐ Chéng Persimmon color name →
#E29F31
oklch(0.75 0.142 74.8)
Farbumrechnungen
- HEX
- #e29f31
- RGB
- rgb(226 159 49)
- HSL
- hsl(37 75% 54%)
- HWB
- hwb(37 19% 11%)
- OKLCH
- oklch(0.75 0.142 74.8)
- OKLab
- oklab(0.75 0.037 0.137)
- CIE Lab
- lab(70.84 19.04 63.48)
- LCH
- lch(70.84 66.27 73.3)
- CMYK
- cmyk(0% 30% 78% 11%)
Tints · Shades · Tones
Tints
- E5A94E
- E9B365
- ECBD7B
- EFC68F
- F2D0A2
- F5D9B5
- F8E3C7
- FAECDA
- FDF6ED
Shades
- C48A29
- A87522
- 8C611A
- 714D13
- 573B0C
- 3E2906
- 271803
- 120901
- 030100
Tones
- D89C40
- CE9A4C
- C49755
- BB945D
- B19165
- A78E6B
- 9D8A71
- 948776
- 8A847B
Farbharmonien
Komplementär +180°
- E29F31
Shì Zǐ Chéng Persimmon
- 72B1FF
≈ French Sky Blue
Analog -30° +30°
- E29F31
Shì Zǐ Chéng Persimmon
- F78E5E
≈ Barbarian
- BCB232
≈ Lively Lime
Triadisch +120° +240°
- E29F31
Shì Zǐ Chéng Persimmon
- 00C6C7
≈ Turquoise Surf
- CF91EC
≈ Bright Lilac
Geteilt komplementär +150° +210°
- E29F31
Shì Zǐ Chéng Persimmon
- 00BFF1
≈ Blue Bikini
- A5A1FF
≈ Shy Moment
Tetradisch +90° +180° +270°
- E29F31
Shì Zǐ Chéng Persimmon
- 38CA97
≈ Dark Shamrock
- 72B1FF
≈ French Sky Blue
- EC87C3
≈ Blushed Bombshell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.23:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.23:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--shi-zi-cheng-persimmon: #e29f31;
--shi-zi-cheng-persimmon-rgb: 226 159 49;
--shi-zi-cheng-persimmon-oklch: oklch(0.75 0.142 74.8);
}
.element {
color: var(--shi-zi-cheng-persimmon);
background-color: hsl(37 75% 54%);
border-color: oklch(0.75 0.142 74.8);
}Tailwind CSS v4
@theme {
--color-shi-zi-cheng-persimmon: #e29f31;
--color-shi-zi-cheng-persimmon-50: #fff1c8;
--color-shi-zi-cheng-persimmon-100: #ffe2b3;
--color-shi-zi-cheng-persimmon-200: #f7cd8e;
--color-shi-zi-cheng-persimmon-300: #e0ad5e;
--color-shi-zi-cheng-persimmon-400: #cf9028;
--color-shi-zi-cheng-persimmon-500: #bc7400;
--color-shi-zi-cheng-persimmon-600: #9f6300;
--color-shi-zi-cheng-persimmon-700: #7f4f00;
--color-shi-zi-cheng-persimmon-800: #5f3800;
--color-shi-zi-cheng-persimmon-900: #432700;
--color-shi-zi-cheng-persimmon-950: #2b1500;
}SCSS
$shi-zi-cheng-persimmon: #e29f31;
$shi-zi-cheng-persimmon-rgb: 226, 159, 49;
$shi-zi-cheng-persimmon-light: mix(#fff, $shi-zi-cheng-persimmon, 20%);
$shi-zi-cheng-persimmon-dark: mix(#000, $shi-zi-cheng-persimmon, 20%);
.element {
color: $shi-zi-cheng-persimmon;
box-shadow: 0 0 0 2px rgba($shi-zi-cheng-persimmon, 0.35);
}