Nazwany kolor · #E2DCAB
Virgin Olive Oil
Virgin Olive Oil to #E2DCAB: rgb(226 220 171), hsl(53 49% 78%), oklch(0.887 0.064 101.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Virgin Olive Oil color name →
#E2DCAB
oklch(0.887 0.064 101.8)
Konwersje koloru
- HEX
- #e2dcab
- RGB
- rgb(226 220 171)
- HSL
- hsl(53 49% 78%)
- HWB
- hwb(53 67% 11%)
- OKLCH
- oklch(0.887 0.064 101.8)
- OKLab
- oklab(0.887 -0.013 0.063)
- CIE Lab
- lab(87.34 -3.55 24.96)
- LCH
- lch(87.34 25.21 98.1)
- CMYK
- cmyk(0% 3% 24% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5E0B4
- E8E3BC
- EBE7C4
- EDEACD
- F0EED5
- F3F1DE
- F6F5E6
- F9F8EE
- FCFCF7
Odcienie ciemniejsze
- C4BF94
- A8A37E
- 8C8868
- 716E54
- 575440
- 3E3C2D
- 27261B
- 12110B
- 030201
Tony
- D8D2A7
- CEC9A3
- C3C09E
- BAB69A
- B0AD96
- A6A492
- 9C9B8D
- 939289
- 898984
Harmonie kolorów
Komplementarna +180°
- E2DCAB
Virgin Olive Oil
- D3D6FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- E2DCAB
Virgin Olive Oil
- F5D4AC
≈ Ice Cream Parlour
- CAE3B7
≈ Iced Avocado
Triada +120° +240°
- E2DCAB
Virgin Olive Oil
- ABE4F8
≈ Ganon Blue
- F9CAE6
≈ Classic Rose
Komplementarna rozszczepiona +150° +210°
- E2DCAB
Virgin Olive Oil
- BFDDFF
≈ Broad Daylight
- E8CEF9
≈ Mousse aux Pruneaux
Tetrada +90° +180° +270°
- E2DCAB
Virgin Olive Oil
- A8E8E4
≈ Cool Crayon
- D3D6FF
≈ Pale Phthalo Blue
- FFCACF
≈ Fruit Bowl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.05:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.05:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--virgin-olive-oil: #e2dcab;
--virgin-olive-oil-rgb: 226 220 171;
--virgin-olive-oil-oklch: oklch(0.887 0.064 101.8);
}
.element {
color: var(--virgin-olive-oil);
background-color: hsl(53 49% 78%);
border-color: oklch(0.887 0.064 101.8);
}Tailwind CSS v4
@theme {
--color-virgin-olive-oil: #e2dcab;
--color-virgin-olive-oil-50: #f8f6e2;
--color-virgin-olive-oil-100: #ebe9d1;
--color-virgin-olive-oil-200: #d8d6b7;
--color-virgin-olive-oil-300: #bcba94;
--color-virgin-olive-oil-400: #a6a074;
--color-virgin-olive-oil-500: #8f8855;
--color-virgin-olive-oil-600: #797348;
--color-virgin-olive-oil-700: #615c39;
--color-virgin-olive-oil-800: #484328;
--color-virgin-olive-oil-900: #322e1b;
--color-virgin-olive-oil-950: #1e1b0b;
}SCSS
$virgin-olive-oil: #e2dcab;
$virgin-olive-oil-rgb: 226, 220, 171;
$virgin-olive-oil-light: mix(#fff, $virgin-olive-oil, 20%);
$virgin-olive-oil-dark: mix(#000, $virgin-olive-oil, 20%);
.element {
color: $virgin-olive-oil;
box-shadow: 0 0 0 2px rgba($virgin-olive-oil, 0.35);
}