Nazwany kolor · #E0F1C4
Green Veil
Green Veil to #E0F1C4: rgb(224 241 196), hsl(83 62% 86%), oklch(0.934 0.062 124.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Green Veil color name →
#E0F1C4
oklch(0.934 0.062 124.4)
Konwersje koloru
- HEX
- #e0f1c4
- RGB
- rgb(224 241 196)
- HSL
- hsl(83 62% 86%)
- HWB
- hwb(83 77% 5%)
- OKLCH
- oklch(0.934 0.062 124.4)
- OKLab
- oklab(0.934 -0.035 0.051)
- CIE Lab
- lab(93.01 -11.53 19.84)
- LCH
- lch(93.01 22.95 120.1)
- CMYK
- cmyk(7% 0% 19% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3F2CA
- E6F4D0
- E9F5D6
- ECF7DC
- EFF8E2
- F2FAE8
- F6FBED
- F9FCF3
- FCFEF9
Odcienie ciemniejsze
- C3D2AA
- A6B391
- 8A9578
- 707961
- 565D4A
- 3E4335
- 272B21
- 12140E
- 020302
Tony
- D6E5BD
- CCD9B6
- C2CEAF
- B8C2A9
- AFB7A2
- A5AC9B
- 9CA194
- 92968D
- 898B87
Harmonie kolorów
Komplementarna +180°
- E0F1C4
Green Veil
- EFE3FF
≈ Minute Mauve
Analogowa -30° +30°
- E0F1C4
Green Veil
- F6E9BB
≈ Pale Adobe
- CAF6D7
≈ Mint Gloss
Triada +120° +240°
- E0F1C4
Green Veil
- D7ECFF
≈ Cloudless
- FFE0E6
≈ Pink Pleasure
Komplementarna rozszczepiona +150° +210°
- E0F1C4
Green Veil
- E2E8FF
≈ Cyber Lavender
- FFDDF7
≈ Silky Pink
Tetrada +90° +180° +270°
- E0F1C4
Green Veil
- C2F3FF
≈ Heaven’s Gate
- EFE3FF
≈ Minute Mauve
- FFE2DA
≈ Peach Cloud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.54:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-veil: #e0f1c4;
--green-veil-rgb: 224 241 196;
--green-veil-oklch: oklch(0.934 0.062 124.4);
}
.element {
color: var(--green-veil);
background-color: hsl(83 62% 86%);
border-color: oklch(0.934 0.062 124.4);
}Tailwind CSS v4
@theme {
--color-green-veil: #e0f1c4;
--color-green-veil-50: #f0f9e6;
--color-green-veil-100: #e2ecd6;
--color-green-veil-200: #cddabd;
--color-green-veil-300: #afbe9c;
--color-green-veil-400: #96a57d;
--color-green-veil-500: #7d8e60;
--color-green-veil-600: #6a7852;
--color-green-veil-700: #556041;
--color-green-veil-800: #3e462e;
--color-green-veil-900: #2b301f;
--color-green-veil-950: #181d0f;
}SCSS
$green-veil: #e0f1c4;
$green-veil-rgb: 224, 241, 196;
$green-veil-light: mix(#fff, $green-veil, 20%);
$green-veil-dark: mix(#000, $green-veil, 20%);
.element {
color: $green-veil;
box-shadow: 0 0 0 2px rgba($green-veil, 0.35);
}