Warna bernama · #E59B34
Persimmon
Persimmon adalah #E59B34: rgb(229 155 52), hsl(35 77% 55%), oklch(0.746 0.143 70.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Persimmon color name →
#E59B34
oklch(0.746 0.143 70.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E8A550
- EBB067
- EEBA7B
- F1C48F
- F4CEA2
- F6D8B5
- F9E2C8
- FBEBDA
- FDF5ED
Shade
- C7862C
- AA7224
- 8E5E1C
- 724B15
- 58390E
- 3F2807
- 281803
- 120901
- 030100
Tone
- DB9942
- D1964D
- C79456
- BD915E
- B38F65
- A88C6B
- 9E8971
- 948677
- 8A837B
Harmoni warna
Komplementer +180°
- E59B34
Persimmon
- 66B2FF
≈ Tiān Lán Sky
Analog -30° +30°
- E59B34
Persimmon
- F78B63
≈ After Burn
- C1AE2B
≈ Sharp Lime
Triadik +120° +240°
- E59B34
Persimmon
- 00C6BF
≈ Swimmers Pool
- C991EF
≈ Dream Vapour
Split-komplementer +150° +210°
- E59B34
Persimmon
- 00BFE8
≈ Blue Raspberry
- 9DA2FF
≈ Widowmaker
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.31:1 · APCA Lc 45
Ag
AAADi atas hitam
WCAG 9.06:1 · APCA Lc 57
Warna teks terbaik: #000000
WCAG 9.06:1 (AAA) · APCA Lc 57
Contrast pairs
Cuplikan kode
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);
}