Nazwany kolor · #E3DE92
Pear Tint
Pear Tint to #E3DE92: rgb(227 222 146), hsl(56 59% 73%), oklch(0.887 0.097 105). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pear Tint color name →
#E3DE92
oklch(0.887 0.097 105)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6E19E
- E8E5A9
- EBE8B4
- EEECBF
- F1EFCA
- F3F2D5
- F6F5DF
- F9F9EA
- FCFCF4
Odcienie ciemniejsze
- C5C17E
- A8A56B
- 8C8958
- 716F46
- 575535
- 3F3D25
- 272616
- 121208
- 030201
Tony
- D9D491
- CECB90
- C4C18E
- BAB88D
- B0AE8B
- A6A589
- 9C9B87
- 939285
- 898983
Harmonie kolorów
Komplementarna +180°
- E3DE92
Pear Tint
- D5D5FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- E3DE92
Pear Tint
- FFD193
≈ Juicy Mango
- BFE9A8
≈ Pastel Pea
Triada +120° +240°
- E3DE92
Pear Tint
- A5E5FF
≈ Ganon Blue
- FFC7E5
≈ Soulmate Pink
Komplementarna rozszczepiona +150° +210°
- E3DE92
Pear Tint
- C2DCFF
≈ Broad Daylight
- EECAFF
≈ Sparkling Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.12:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}