이름 색상 · #DADDC3
Planet Earth
Planet Earth은(는) #DADDC3: rgb(218 221 195), hsl(67 28% 82%), oklch(0.888 0.035 112.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Planet Earth color name →
#DADDC3
oklch(0.888 0.035 112.5)
색상 변환
- HEX
- #daddc3
- RGB
- rgb(218 221 195)
- HSL
- hsl(67 28% 82%)
- HWB
- hwb(67 76% 13%)
- OKLCH
- oklch(0.888 0.035 112.5)
- OKLab
- oklab(0.888 -0.013 0.032)
- CIE Lab
- lab(87.36 -4.37 12.46)
- LCH
- lch(87.36 13.2 109.3)
- CMYK
- cmyk(1% 0% 12% 13%)
틴트 · 셰이드 · 톤
틴트
- DEE0C9
- E1E4CF
- E5E7D5
- E9EBDB
- ECEEE1
- F0F1E7
- F4F5ED
- F7F8F3
- FBFCF9
셰이드
- BDC0A9
- A2A490
- 878878
- 6C6E60
- 54554A
- 3C3D34
- 252620
- 11110E
- 020202
톤
- D1D3BC
- C7CAB5
- BEC0AE
- B5B7A8
- ACADA1
- A3A49A
- 9A9B94
- 91928D
- 898987
색 조화
보색 +180°
- DADDC3
Planet Earth
- DAD6F0
≈ Lavender Sky
유사색 -30° +30°
- DADDC3
Planet Earth
- E6D9C1
≈ Natural Soap
- CEE1CB
≈ Endive
삼각 배색 +120° +240°
- DADDC3
Planet Earth
- C4DFEE
≈ Empress Lila
- EED1DC
≈ Creamy Freesia
분열 보색 +150° +210°
- DADDC3
Planet Earth
- CEDBF2
≈ Hawkes Blue
- E6D3E8
≈ Sonora Rose
사각 배색 +90° +180° +270°
- DADDC3
Planet Earth
- C0E2E4
≈ Cold Well Water
- DAD6F0
≈ Lavender Sky
- F1D2D0
≈ Kobold Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.11:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--planet-earth: #daddc3;
--planet-earth-rgb: 218 221 195;
--planet-earth-oklch: oklch(0.888 0.035 112.5);
}
.element {
color: var(--planet-earth);
background-color: hsl(67 28% 82%);
border-color: oklch(0.888 0.035 112.5);
}Tailwind CSS v4
@theme {
--color-planet-earth: #daddc3;
--color-planet-earth-50: #f5f6eb;
--color-planet-earth-100: #e7e9dc;
--color-planet-earth-200: #d3d6c6;
--color-planet-earth-300: #b7baa6;
--color-planet-earth-400: #9ea18a;
--color-planet-earth-500: #86896e;
--color-planet-earth-600: #71745e;
--color-planet-earth-700: #5b5d4b;
--color-planet-earth-800: #434436;
--color-planet-earth-900: #2e2f25;
--color-planet-earth-950: #1b1b13;
}SCSS
$planet-earth: #daddc3;
$planet-earth-rgb: 218, 221, 195;
$planet-earth-light: mix(#fff, $planet-earth, 20%);
$planet-earth-dark: mix(#000, $planet-earth, 20%);
.element {
color: $planet-earth;
box-shadow: 0 0 0 2px rgba($planet-earth, 0.35);
}