Colore con nome · #EEB9A7
Jovial
Jovial è #EEB9A7: rgb(238 185 167), hsl(15 68% 79%), oklch(0.829 0.067 39.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Jovial color name →
#EEB9A7
oklch(0.829 0.067 39.6)
Conversioni di colore
- HEX
- #eeb9a7
- RGB
- rgb(238 185 167)
- HSL
- hsl(15 68% 79%)
- HWB
- hwb(15 65% 7%)
- OKLCH
- oklch(0.829 0.067 39.6)
- OKLab
- oklab(0.829 0.051 0.042)
- CIE Lab
- lab(79.7 17.9 16.91)
- LCH
- lch(79.7 24.62 43.4)
- CMYK
- cmyk(0% 22% 30% 7%)
Tinte · Ombre · Toni
Tinte
- F0C0B0
- F2C7B8
- F4CEC1
- F6D5CA
- F8DCD3
- F9E3DB
- FBEAE4
- FCF1ED
- FEF8F6
Ombre
- CFA091
- B1897B
- 937166
- 775B52
- 5C463E
- 42312C
- 2A1E1A
- 140D0A
- 030201
Toni
- E3B3A3
- D7AD9F
- CCA89B
- C1A297
- B69C94
- AB9790
- A0918C
- 968B88
- 8B8684
Armonie di colore
Complementare +180°
- EEB9A7
Jovial
- 96D2E5
≈ Perfectly Blue
Analogo -30° +30°
- EEB9A7
Jovial
- EEB6BD
≈ Seashell Froth
- E4C098
≈ Laksa
Triadico +120° +240°
- EEB9A7
Jovial
- A2D5B8
≈ Glenwood Green
- BDC3F2
≈ Vodka
Complementare divisa +150° +210°
- EEB9A7
Jovial
- 94D5D0
≈ Summer Soft Blue
- A6CBF1
≈ Baby Blue Eyes
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.13:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--jovial: #eeb9a7;
--jovial-rgb: 238 185 167;
--jovial-oklch: oklch(0.829 0.067 39.6);
}
.element {
color: var(--jovial);
background-color: hsl(15 68% 79%);
border-color: oklch(0.829 0.067 39.6);
}Tailwind CSS v4
@theme {
--color-jovial: #eeb9a7;
--color-jovial-50: #ffefe7;
--color-jovial-100: #fde1d7;
--color-jovial-200: #eeccbf;
--color-jovial-300: #d6ad9d;
--color-jovial-400: #c29281;
--color-jovial-500: #ad7765;
--color-jovial-600: #926556;
--color-jovial-700: #755144;
--color-jovial-800: #573a32;
--color-jovial-900: #3d2822;
--color-jovial-950: #261611;
}SCSS
$jovial: #eeb9a7;
$jovial-rgb: 238, 185, 167;
$jovial-light: mix(#fff, $jovial, 20%);
$jovial-dark: mix(#000, $jovial, 20%);
.element {
color: $jovial;
box-shadow: 0 0 0 2px rgba($jovial, 0.35);
}