Colore con nome · #E59B34
Persimmon
Persimmon è #E59B34: rgb(229 155 52), hsl(35 77% 55%), oklch(0.746 0.143 70.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Persimmon color name →
#E59B34
oklch(0.746 0.143 70.5)
Conversioni di colore
- HEX
- #e59b34
- RGB
- rgb(229 155 52)
- HSL
- hsl(35 77% 55%)
- HWB
- hwb(35 20% 10%)
- OKLCH
- oklch(0.746 0.143 70.5)
- OKLab
- oklab(0.746 0.048 0.135)
- CIE Lab
- lab(70.27 22.41 62.03)
- LCH
- lch(70.27 65.96 70.1)
- CMYK
- cmyk(0% 32% 77% 10%)
Tinte · Ombre · Toni
Tinte
- E8A550
- EBB067
- EEBA7B
- F1C48F
- F4CEA2
- F6D8B5
- F9E2C8
- FBEBDA
- FDF5ED
Ombre
- C7862C
- AA7224
- 8E5E1C
- 724B15
- 58390E
- 3F2807
- 281803
- 120901
- 030100
Toni
- DB9942
- D1964D
- C79456
- BD915E
- B38F65
- A88C6B
- 9E8971
- 948677
- 8A837B
Armonie di colore
Complementare +180°
- E59B34
Persimmon
- 66B2FF
≈ Tiān Lán Sky
Analogo -30° +30°
- E59B34
Persimmon
- F78B63
≈ After Burn
- C1AE2B
≈ Sharp Lime
Triadico +120° +240°
- E59B34
Persimmon
- 00C6BF
≈ Swimmers Pool
- C991EF
≈ Dream Vapour
Complementare divisa +150° +210°
- E59B34
Persimmon
- 00BFE8
≈ Blue Raspberry
- 9DA2FF
≈ Widowmaker
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.06:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.06:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--persimmon: #e59b34;
--persimmon-rgb: 229 155 52;
--persimmon-oklch: oklch(0.746 0.143 70.5);
}
.element {
color: var(--persimmon);
background-color: hsl(35 77% 55%);
border-color: oklch(0.746 0.143 70.5);
}Tailwind CSS v4
@theme {
--color-persimmon: #e59b34;
--color-persimmon-50: #fff0c9;
--color-persimmon-100: #ffe1b4;
--color-persimmon-200: #facb90;
--color-persimmon-300: #e4ab60;
--color-persimmon-400: #d38e2c;
--color-persimmon-500: #c07100;
--color-persimmon-600: #a26000;
--color-persimmon-700: #824d00;
--color-persimmon-800: #623700;
--color-persimmon-900: #442600;
--color-persimmon-950: #2c1400;
}SCSS
$persimmon: #e59b34;
$persimmon-rgb: 229, 155, 52;
$persimmon-light: mix(#fff, $persimmon, 20%);
$persimmon-dark: mix(#000, $persimmon, 20%);
.element {
color: $persimmon;
box-shadow: 0 0 0 2px rgba($persimmon, 0.35);
}