Colore con nome · #EB6238
Teri-Gaki Persimmon
Teri-Gaki Persimmon è #EB6238: rgb(235 98 56), hsl(14 82% 57%), oklch(0.663 0.179 37.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Teri-Gaki Persimmon color name →
#EB6238
oklch(0.663 0.179 37.3)
Conversioni di colore
- HEX
- #eb6238
- RGB
- rgb(235 98 56)
- HSL
- hsl(14 82% 57%)
- HWB
- hwb(14 22% 8%)
- OKLCH
- oklch(0.663 0.179 37.3)
- OKLab
- oklab(0.663 0.142 0.109)
- CIE Lab
- lab(59.42 52.42 50.61)
- LCH
- lch(59.42 72.86 44)
- CMYK
- cmyk(0% 58% 76% 8%)
Tinte · Ombre · Toni
Tinte
- EF744F
- F38564
- F69578
- F9A48B
- FCB49E
- FDC3B2
- FFD2C5
- FFE1D8
- FFF0EB
Ombre
- CC542F
- AE4727
- 913A1F
- 752D17
- 5B210F
- 411608
- 290B04
- 130301
- 030000
Toni
- E16743
- D76C4C
- CD7054
- C3735B
- B97662
- AE7969
- A37B6F
- 987D75
- 8C7F7A
Armonie di colore
Complementare +180°
- EB6238
Teri-Gaki Persimmon
- 00A4C3
≈ Scuba Blue
Analogo -30° +30°
- EB6238
Teri-Gaki Persimmon
- E95A7F
≈ Highlighter Pink
- CD7E00
≈ Seabuckthorn Yellow Brown
Triadico +120° +240°
- EB6238
Teri-Gaki Persimmon
- 00AF6B
≈ Jade Powder
- 7B83FE
≈ Orchid
Complementare divisa +150° +210°
- EB6238
Teri-Gaki Persimmon
- 00A99F
≈ Tropical Hideaway
- 0098F8
≈ Karimun Blue
Tetradico +90° +180° +270°
- EB6238
Teri-Gaki Persimmon
- 76A500
≈ Support Green
- 00A4C3
≈ Scuba Blue
- B170E7
≈ Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.33:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.33:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--teri-gaki-persimmon: #eb6238;
--teri-gaki-persimmon-rgb: 235 98 56;
--teri-gaki-persimmon-oklch: oklch(0.663 0.179 37.3);
}
.element {
color: var(--teri-gaki-persimmon);
background-color: hsl(14 82% 57%);
border-color: oklch(0.663 0.179 37.3);
}Tailwind CSS v4
@theme {
--color-teri-gaki-persimmon: #eb6238;
--color-teri-gaki-persimmon-50: #ffe5cf;
--color-teri-gaki-persimmon-100: #ffd4bc;
--color-teri-gaki-persimmon-200: #ffba9a;
--color-teri-gaki-persimmon-300: #ff9570;
--color-teri-gaki-persimmon-400: #f4724a;
--color-teri-gaki-persimmon-500: #e34b14;
--color-teri-gaki-persimmon-600: #c04116;
--color-teri-gaki-persimmon-700: #9a3412;
--color-teri-gaki-persimmon-800: #73240f;
--color-teri-gaki-persimmon-900: #511809;
--color-teri-gaki-persimmon-950: #360700;
}SCSS
$teri-gaki-persimmon: #eb6238;
$teri-gaki-persimmon-rgb: 235, 98, 56;
$teri-gaki-persimmon-light: mix(#fff, $teri-gaki-persimmon, 20%);
$teri-gaki-persimmon-dark: mix(#000, $teri-gaki-persimmon, 20%);
.element {
color: $teri-gaki-persimmon;
box-shadow: 0 0 0 2px rgba($teri-gaki-persimmon, 0.35);
}