이름 색상 · #D7E7DA
Toadstool Dot
Toadstool Dot은(는) #D7E7DA: rgb(215 231 218), hsl(131 25% 87%), oklch(0.912 0.024 151.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Toadstool Dot color name →
#D7E7DA
oklch(0.912 0.024 151.2)
색상 변환
- HEX
- #d7e7da
- RGB
- rgb(215 231 218)
- HSL
- hsl(131 25% 87%)
- HWB
- hwb(131 84% 9%)
- OKLCH
- oklch(0.912 0.024 151.2)
- OKLab
- oklab(0.912 -0.021 0.012)
- CIE Lab
- lab(90.16 -7.29 4.43)
- LCH
- lch(90.16 8.53 148.7)
- CMYK
- cmyk(7% 0% 6% 9%)
틴트 · 셰이드 · 톤
틴트
- DBE9DE
- DFECE1
- E3EEE5
- E7F1E9
- EBF3EC
- EFF5F0
- F3F8F4
- F7FAF8
- FBFDFB
셰이드
- BBC9BD
- 9FABA2
- 858F87
- 6B736C
- 525954
- 3B403C
- 252825
- 111311
- 020302
톤
- CEDCD1
- C5D2C7
- BCC7BE
- B3BCB5
- ABB2AC
- A2A8A3
- 999E9A
- 919491
- 888A89
색 조화
보색 +180°
- D7E7DA
Toadstool Dot
- ECDCEA
≈ Elfin Magic
유사색 -30° +30°
- D7E7DA
Toadstool Dot
- DFE5D3
≈ Greening
- D2E8E3
≈ Aqua Glass
삼각 배색 +120° +240°
- D7E7DA
Toadstool Dot
- DCE2F3
≈ Vaguely Violet
- F2DDD8
≈ Cosy Cottage
분열 보색 +150° +210°
- D7E7DA
Toadstool Dot
- E5DFF0
≈ Lingering Lilac
- F1DCE1
≈ Piggyback
사각 배색 +90° +180° +270°
- D7E7DA
Toadstool Dot
- D4E5F1
≈ Snowdrift Glow
- ECDCEA
≈ Elfin Magic
- EFDFD2
≈ Nearly Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.33:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--toadstool-dot: #d7e7da;
--toadstool-dot-rgb: 215 231 218;
--toadstool-dot-oklch: oklch(0.912 0.024 151.2);
}
.element {
color: var(--toadstool-dot);
background-color: hsl(131 25% 87%);
border-color: oklch(0.912 0.024 151.2);
}Tailwind CSS v4
@theme {
--color-toadstool-dot: #d7e7da;
--color-toadstool-dot-50: #f0f7f2;
--color-toadstool-dot-100: #e2eae4;
--color-toadstool-dot-200: #cdd7cf;
--color-toadstool-dot-300: #aebbb2;
--color-toadstool-dot-400: #95a397;
--color-toadstool-dot-500: #7b8b7e;
--color-toadstool-dot-600: #68766b;
--color-toadstool-dot-700: #535e55;
--color-toadstool-dot-800: #3d453e;
--color-toadstool-dot-900: #2a302b;
--color-toadstool-dot-950: #171c18;
}SCSS
$toadstool-dot: #d7e7da;
$toadstool-dot-rgb: 215, 231, 218;
$toadstool-dot-light: mix(#fff, $toadstool-dot, 20%);
$toadstool-dot-dark: mix(#000, $toadstool-dot, 20%);
.element {
color: $toadstool-dot;
box-shadow: 0 0 0 2px rgba($toadstool-dot, 0.35);
}