가장 가까운 이름 색상 · #E2FFF0
#E2FFF0
가장 가까운 이름 색상: Toxic Latte
#E2FFF0(rgb(226 255 240), hsl(149 100% 94%), oklch(0.975 0.036 163.3))와 가장 가까운 이름 색상은 Toxic Latte입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E2FFF0
oklch(0.975 0.036 163.3)
색상 변환
- HEX
- #e2fff0
- RGB
- rgb(226 255 240)
- HSL
- hsl(149 100% 94%)
- HWB
- hwb(149 89% 0%)
- OKLCH
- oklch(0.975 0.036 163.3)
- OKLab
- oklab(0.975 -0.035 0.01)
- CIE Lab
- lab(97.59 -11.81 3.85)
- LCH
- lch(97.59 12.42 161.9)
- CMYK
- cmyk(11% 0% 6% 0%)
틴트 · 셰이드 · 톤
틴트
- E5FFF1
- E8FFF3
- EBFFF4
- EEFFF6
- F1FFF7
- F4FFF9
- F6FFFA
- F9FFFC
- FCFFFD
셰이드
- C4DED1
- A8BEB2
- 8C9E95
- 718078
- 57635D
- 3E4843
- 272E2A
- 121614
- 030303
톤
- D8F2E4
- CEE4D9
- C4D7CD
- BACAC2
- B0BEB6
- A6B1AB
- 9CA4A0
- 939895
- 898C8B
색 조화
보색 +180°
- E2FFF0
Toxic Latte
- FFF3F9
≈ Pinkish White
유사색 -30° +30°
- E2FFF0
Toxic Latte
- EDFDE4
≈ Crème de Menthe
- DCFFFD
≈ Cold Canada
삼각 배색 +120° +240°
- E2FFF0
Toxic Latte
- F5F6FF
≈ Mā White
- FFF4F0
≈ Soft Peach Mist
분열 보색 +150° +210°
- E2FFF0
Toxic Latte
- FBF4FF
≈ Sugar Crystal
- FFF4F4
≈ Coy
사각 배색 +90° +180° +270°
- E2FFF0
Toxic Latte
- F1F7FF
≈ Alice Blue
- FFF3F9
≈ Pinkish White
- FFF5E9
≈ What’s Left
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.06:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.79:1 · APCA Lc 103
가장 좋은 글자색: #000000
WCAG 19.79:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--toxic-latte: #e2fff0;
--toxic-latte-rgb: 226 255 240;
--toxic-latte-oklch: oklch(0.975 0.036 163.3);
}
.element {
color: var(--toxic-latte);
background-color: hsl(149 100% 94%);
border-color: oklch(0.975 0.036 163.3);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #e2fff0;
--color-toxic-latte-50: #ecf9f3;
--color-toxic-latte-100: #ddece5;
--color-toxic-latte-200: #c7d9d0;
--color-toxic-latte-300: #a7beb3;
--color-toxic-latte-400: #8ca598;
--color-toxic-latte-500: #718e7f;
--color-toxic-latte-600: #60786c;
--color-toxic-latte-700: #4c6056;
--color-toxic-latte-800: #38463e;
--color-toxic-latte-900: #26312b;
--color-toxic-latte-950: #141d18;
}SCSS
$toxic-latte: #e2fff0;
$toxic-latte-rgb: 226, 255, 240;
$toxic-latte-light: mix(#fff, $toxic-latte, 20%);
$toxic-latte-dark: mix(#000, $toxic-latte, 20%);
.element {
color: $toxic-latte;
box-shadow: 0 0 0 2px rgba($toxic-latte, 0.35);
}