이름 색상 · #D8F3D7
Light Carolina
Light Carolina은(는) #D8F3D7: rgb(216 243 215), hsl(118 54% 90%), oklch(0.937 0.047 144.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Light Carolina color name →
#D8F3D7
oklch(0.937 0.047 144.2)
색상 변환
- HEX
- #d8f3d7
- RGB
- rgb(216 243 215)
- HSL
- hsl(118 54% 90%)
- HWB
- hwb(118 84% 5%)
- OKLCH
- oklch(0.937 0.047 144.2)
- OKLab
- oklab(0.937 -0.038 0.027)
- CIE Lab
- lab(93.3 -12.96 10.43)
- LCH
- lch(93.3 16.64 141.2)
- CMYK
- cmyk(11% 0% 12% 5%)
틴트 · 셰이드 · 톤
틴트
- DCF4DB
- E0F5DF
- E4F7E3
- E8F8E7
- ECF9EB
- EFFAEF
- F3FBF3
- F7FDF7
- FBFEFB
셰이드
- BCD3BB
- A0B49F
- 859785
- 6B7A6B
- 535E52
- 3B443B
- 252B25
- 111411
- 020302
톤
- CFE7CE
- C6DBC5
- BDCFBC
- B4C3B3
- ABB8AB
- A2ACA2
- 9AA199
- 919691
- 888B88
색 조화
보색 +180°
- D8F3D7
Light Carolina
- FBE0FC
≈ Fairy Salt
유사색 -30° +30°
- D8F3D7
Light Carolina
- E9EECB
≈ Lime Coco Cake
- CBF5E8
≈ Shallow End
삼각 배색 +120° +240°
- D8F3D7
Light Carolina
- E0EBFF
≈ Husky
- FFE3E0
≈ Misty Rose
분열 보색 +150° +210°
- D8F3D7
Light Carolina
- EBE6FF
≈ Cyber Lavender
- FFE1EC
≈ Pale Blossom
사각 배색 +90° +180° +270°
- D8F3D7
Light Carolina
- D4EFFF
≈ Ice Castle
- FBE0FC
≈ Fairy Salt
- FFE4D3
≈ Winthrop Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.72:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.72:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--light-carolina: #d8f3d7;
--light-carolina-rgb: 216 243 215;
--light-carolina-oklch: oklch(0.937 0.047 144.2);
}
.element {
color: var(--light-carolina);
background-color: hsl(118 54% 90%);
border-color: oklch(0.937 0.047 144.2);
}Tailwind CSS v4
@theme {
--color-light-carolina: #d8f3d7;
--color-light-carolina-50: #edf9ed;
--color-light-carolina-100: #deecdf;
--color-light-carolina-200: #c8dac9;
--color-light-carolina-300: #a9bea9;
--color-light-carolina-400: #8ea68d;
--color-light-carolina-500: #748f73;
--color-light-carolina-600: #627961;
--color-light-carolina-700: #4e614e;
--color-light-carolina-800: #394738;
--color-light-carolina-900: #273126;
--color-light-carolina-950: #151d14;
}SCSS
$light-carolina: #d8f3d7;
$light-carolina-rgb: 216, 243, 215;
$light-carolina-light: mix(#fff, $light-carolina, 20%);
$light-carolina-dark: mix(#000, $light-carolina, 20%);
.element {
color: $light-carolina;
box-shadow: 0 0 0 2px rgba($light-carolina, 0.35);
}