Colore con nome più vicino · #E09939
#E09939
Colore con nome più vicino: Persimmon
#E09939 (rgb(224 153 57), hsl(34 73% 55%), oklch(0.737 0.137 70.3)) è più vicino al colore con nome Persimmon. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E09939
oklch(0.737 0.137 70.3)
Conversioni di colore
- HEX
- #e09939
- RGB
- rgb(224 153 57)
- HSL
- hsl(34 73% 55%)
- HWB
- hwb(34 22% 12%)
- OKLCH
- oklch(0.737 0.137 70.3)
- OKLab
- oklab(0.737 0.046 0.129)
- CIE Lab
- lab(69.23 21.47 58.86)
- LCH
- lch(69.23 62.65 70)
- CMYK
- cmyk(0% 32% 75% 12%)
Tinte · Ombre · Toni
Tinte
- E4A453
- E7AE69
- EBB87D
- EEC290
- F1CDA3
- F4D7B6
- F7E1C8
- FAEBDA
- FDF5ED
Ombre
- C38430
- A67028
- 8A5D1F
- 704A17
- 563810
- 3E2709
- 271704
- 120801
- 020100
Toni
- D69745
- CD954F
- C39358
- BA905F
- B08E66
- A78B6C
- 9D8972
- 938677
- 8A837C
Armonie di colore
Complementare +180°
- E09939
Persimmon
- 61AFFD
≈ Tiān Lán Sky
Analogo -30° +30°
- E09939
Persimmon
- F28A64
≈ Morning Marmalade
- BEAB31
≈ Hey Pesto
Triadico +120° +240°
- E09939
Persimmon
- 00C3BC
≈ Cala Benirrás Blue
- C590EA
≈ Luminous Lavender
Complementare divisa +150° +210°
- E09939
Persimmon
- 00BCE4
≈ Maldives
- 9A9FFE
≈ Cobalite
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.78:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--persimmon: #e09939;
--persimmon-rgb: 224 153 57;
--persimmon-oklch: oklch(0.737 0.137 70.3);
}
.element {
color: var(--persimmon);
background-color: hsl(34 73% 55%);
border-color: oklch(0.737 0.137 70.3);
}Tailwind CSS v4
@theme {
--color-persimmon: #e09939;
--color-persimmon-50: #fff0cb;
--color-persimmon-100: #ffe1b6;
--color-persimmon-200: #f9cb93;
--color-persimmon-300: #e3ac64;
--color-persimmon-400: #d18f35;
--color-persimmon-500: #be7200;
--color-persimmon-600: #a06100;
--color-persimmon-700: #814e00;
--color-persimmon-800: #603700;
--color-persimmon-900: #442600;
--color-persimmon-950: #2c1400;
}SCSS
$persimmon: #e09939;
$persimmon-rgb: 224, 153, 57;
$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);
}