Nazwany kolor · #E8F3E8
Aqua Spring
Aqua Spring to #E8F3E8: rgb(232 243 232), hsl(120 31% 93%), oklch(0.953 0.019 145.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Aqua Spring color name →
#E8F3E8
oklch(0.953 0.019 145.4)
Konwersje koloru
- HEX
- #e8f3e8
- RGB
- rgb(232 243 232)
- HSL
- hsl(120 31% 93%)
- HWB
- hwb(120 91% 5%)
- OKLCH
- oklch(0.953 0.019 145.4)
- OKLab
- oklab(0.953 -0.015 0.011)
- CIE Lab
- lab(94.78 -5.24 4)
- LCH
- lch(94.78 6.59 142.7)
- CMYK
- cmyk(5% 0% 5% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAF4EA
- EDF5ED
- EFF7EF
- F1F8F1
- F3F9F3
- F6FAF6
- F8FBF8
- FAFDFA
- FDFEFD
Odcienie ciemniejsze
- CAD3CA
- ACB4AC
- 909790
- 747A74
- 595E59
- 404440
- 292B29
- 131413
- 030303
Tony
- DDE7DD
- D2DBD2
- C8CFC8
- BDC3BD
- B3B8B3
- A8ACA8
- 9EA19E
- 949694
- 8A8B8A
Harmonie kolorów
Komplementarna +180°
- E8F3E8
Aqua Spring
- F6EBF6
≈ Perfume Haze
Analogowa -30° +30°
- E8F3E8
Aqua Spring
- EFF1E3
≈ Frostwork
- E3F4EF
≈ Bone-Chilling
Triada +120° +240°
- E8F3E8
Aqua Spring
- E9F0FC
≈ Cotton Boll
- FCEBE9
≈ Placebo Red
Komplementarna rozszczepiona +150° +210°
- E8F3E8
Aqua Spring
- F0EDFB
≈ Foundation White
- FBEBF0
≈ Placebo Magenta
Tetrada +90° +180° +270°
- E8F3E8
Aqua Spring
- E4F2FA
≈ Clear Vision
- F6EBF6
≈ Perfume Haze
- FAEDE4
≈ Weak Orange
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.41:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--aqua-spring: #e8f3e8;
--aqua-spring-rgb: 232 243 232;
--aqua-spring-oklch: oklch(0.953 0.019 145.4);
}
.element {
color: var(--aqua-spring);
background-color: hsl(120 31% 93%);
border-color: oklch(0.953 0.019 145.4);
}Tailwind CSS v4
@theme {
--color-aqua-spring: #e8f3e8;
--color-aqua-spring-50: #f2f7f2;
--color-aqua-spring-100: #e4eae4;
--color-aqua-spring-200: #cfd6d0;
--color-aqua-spring-300: #b1bab2;
--color-aqua-spring-400: #98a298;
--color-aqua-spring-500: #7f8a7f;
--color-aqua-spring-600: #6b746b;
--color-aqua-spring-700: #565d56;
--color-aqua-spring-800: #3f443e;
--color-aqua-spring-900: #2b2f2b;
--color-aqua-spring-950: #181c18;
}SCSS
$aqua-spring: #e8f3e8;
$aqua-spring-rgb: 232, 243, 232;
$aqua-spring-light: mix(#fff, $aqua-spring, 20%);
$aqua-spring-dark: mix(#000, $aqua-spring, 20%);
.element {
color: $aqua-spring;
box-shadow: 0 0 0 2px rgba($aqua-spring, 0.35);
}