가장 가까운 이름 색상 · #DCF5E9
#DCF5E9
가장 가까운 이름 색상: Toxic Latte
#DCF5E9(rgb(220 245 233), hsl(151 56% 91%), oklch(0.949 0.031 165.3))와 가장 가까운 이름 색상은 Toxic Latte입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DCF5E9
oklch(0.949 0.031 165.3)
색상 변환
- HEX
- #dcf5e9
- RGB
- rgb(220 245 233)
- HSL
- hsl(151 56% 91%)
- HWB
- hwb(151 86% 4%)
- OKLCH
- oklch(0.949 0.031 165.3)
- OKLab
- oklab(0.949 -0.03 0.008)
- CIE Lab
- lab(94.45 -10.14 2.87)
- LCH
- lch(94.45 10.54 164.2)
- CMYK
- cmyk(10% 0% 5% 4%)
틴트 · 셰이드 · 톤
틴트
- E0F6EB
- E3F7ED
- E7F8F0
- EAF9F2
- EEFAF4
- F1FBF6
- F5FCF8
- F8FDFB
- FCFEFD
셰이드
- BFD5CB
- A3B6AD
- 889890
- 6E7B74
- 545F5A
- 3C4441
- 262B29
- 111513
- 020303
톤
- D2E9DE
- C9DDD3
- C0D1C8
- B6C5BE
- ADB9B3
- A4ADA9
- 9BA29E
- 929694
- 898B8A
색 조화
보색 +180°
- DCF5E9
Toxic Latte
- FEE6F3
≈ Cherubic
유사색 -30° +30°
- DCF5E9
Toxic Latte
- E5F3DF
≈ Sea Cap
- D7F5F4
≈ Fishious Rend
삼각 배색 +120° +240°
- DCF5E9
Toxic Latte
- ECECFF
≈ Carte Blanche
- FFE9DF
≈ Translucent Silk
분열 보색 +150° +210°
- DCF5E9
Toxic Latte
- F6E8FD
≈ Placebo Fuchsia
- FFE7E8
≈ Vanilla Strawberry
사각 배색 +90° +180° +270°
- DCF5E9
Toxic Latte
- E3EFFF
≈ Brilliant White
- FEE6F3
≈ Cherubic
- FAECD8
≈ Ajo Lily
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.14:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.28:1 · APCA Lc 97
가장 좋은 글자색: #000000
WCAG 18.28:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--toxic-latte: #dcf5e9;
--toxic-latte-rgb: 220 245 233;
--toxic-latte-oklch: oklch(0.949 0.031 165.3);
}
.element {
color: var(--toxic-latte);
background-color: hsl(151 56% 91%);
border-color: oklch(0.949 0.031 165.3);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #dcf5e9;
--color-toxic-latte-50: #edf8f3;
--color-toxic-latte-100: #dfebe6;
--color-toxic-latte-200: #c9d9d1;
--color-toxic-latte-300: #a9bdb4;
--color-toxic-latte-400: #8ea49a;
--color-toxic-latte-500: #748d81;
--color-toxic-latte-600: #62776d;
--color-toxic-latte-700: #4e5f57;
--color-toxic-latte-800: #39463f;
--color-toxic-latte-900: #27302c;
--color-toxic-latte-950: #151d19;
}SCSS
$toxic-latte: #dcf5e9;
$toxic-latte-rgb: 220, 245, 233;
$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);
}