이름 색상 · #E8F3E8
Aqua Spring
Aqua Spring은(는) #E8F3E8: rgb(232 243 232), hsl(120 31% 93%), oklch(0.953 0.019 145.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Aqua Spring color name →
#E8F3E8
oklch(0.953 0.019 145.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EAF4EA
- EDF5ED
- EFF7EF
- F1F8F1
- F3F9F3
- F6FAF6
- F8FBF8
- FAFDFA
- FDFEFD
셰이드
- CAD3CA
- ACB4AC
- 909790
- 747A74
- 595E59
- 404440
- 292B29
- 131413
- 030303
톤
- DDE7DD
- D2DBD2
- C8CFC8
- BDC3BD
- B3B8B3
- A8ACA8
- 9EA19E
- 949694
- 8A8B8A
색 조화
보색 +180°
- E8F3E8
Aqua Spring
- F6EBF6
≈ Perfume Haze
유사색 -30° +30°
- E8F3E8
Aqua Spring
- EFF1E3
≈ Frostwork
- E3F4EF
≈ Bone-Chilling
삼각 배색 +120° +240°
- E8F3E8
Aqua Spring
- E9F0FC
≈ Cotton Boll
- FCEBE9
≈ Placebo Red
분열 보색 +150° +210°
- E8F3E8
Aqua Spring
- F0EDFB
≈ Foundation White
- FBEBF0
≈ Placebo Magenta
사각 배색 +90° +180° +270°
- E8F3E8
Aqua Spring
- E4F2FA
≈ Clear Vision
- F6EBF6
≈ Perfume Haze
- FAEDE4
≈ Weak Orange
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.14:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.41:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
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);
}