Colore con nome · #E3DE92
Pear Tint
Pear Tint è #E3DE92: rgb(227 222 146), hsl(56 59% 73%), oklch(0.887 0.097 105). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pear Tint color name →
#E3DE92
oklch(0.887 0.097 105)
Conversioni di colore
- HEX
- #e3de92
- RGB
- rgb(227 222 146)
- HSL
- hsl(56 59% 73%)
- HWB
- hwb(56 57% 11%)
- OKLCH
- oklch(0.887 0.097 105)
- OKLab
- oklab(0.887 -0.025 0.093)
- CIE Lab
- lab(87.58 -6.41 37.96)
- LCH
- lch(87.58 38.49 99.6)
- CMYK
- cmyk(0% 2% 36% 11%)
Tinte · Ombre · Toni
Tinte
- E6E19E
- E8E5A9
- EBE8B4
- EEECBF
- F1EFCA
- F3F2D5
- F6F5DF
- F9F9EA
- FCFCF4
Ombre
- C5C17E
- A8A56B
- 8C8958
- 716F46
- 575535
- 3F3D25
- 272616
- 121208
- 030201
Toni
- D9D491
- CECB90
- C4C18E
- BAB88D
- B0AE8B
- A6A589
- 9C9B87
- 939285
- 898983
Armonie di colore
Complementare +180°
- E3DE92
Pear Tint
- D5D5FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- E3DE92
Pear Tint
- FFD193
≈ Juicy Mango
- BFE9A8
≈ Pastel Pea
Triadico +120° +240°
- E3DE92
Pear Tint
- A5E5FF
≈ Ganon Blue
- FFC7E5
≈ Soulmate Pink
Complementare divisa +150° +210°
- E3DE92
Pear Tint
- C2DCFF
≈ Broad Daylight
- EECAFF
≈ Sparkling Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.12:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--pear-tint: #e3de92;
--pear-tint-rgb: 227 222 146;
--pear-tint-oklch: oklch(0.887 0.097 105);
}
.element {
color: var(--pear-tint);
background-color: hsl(56 59% 73%);
border-color: oklch(0.887 0.097 105);
}Tailwind CSS v4
@theme {
--color-pear-tint: #e3de92;
--color-pear-tint-50: #f8f8d8;
--color-pear-tint-100: #ebebc6;
--color-pear-tint-200: #d8d8a8;
--color-pear-tint-300: #bdbb81;
--color-pear-tint-400: #a7a25c;
--color-pear-tint-500: #908934;
--color-pear-tint-600: #7a742e;
--color-pear-tint-700: #615d24;
--color-pear-tint-800: #494418;
--color-pear-tint-900: #322f0f;
--color-pear-tint-950: #1e1b03;
}SCSS
$pear-tint: #e3de92;
$pear-tint-rgb: 227, 222, 146;
$pear-tint-light: mix(#fff, $pear-tint, 20%);
$pear-tint-dark: mix(#000, $pear-tint, 20%);
.element {
color: $pear-tint;
box-shadow: 0 0 0 2px rgba($pear-tint, 0.35);
}