이름 색상 · #C2D1C4
Frosted Jade
Frosted Jade은(는) #C2D1C4: rgb(194 209 196), hsl(128 14% 79%), oklch(0.846 0.024 149.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Frosted Jade color name →
#C2D1C4
oklch(0.846 0.024 149.3)
색상 변환
- HEX
- #c2d1c4
- RGB
- rgb(194 209 196)
- HSL
- hsl(128 14% 79%)
- HWB
- hwb(128 76% 18%)
- OKLCH
- oklch(0.846 0.024 149.3)
- OKLab
- oklab(0.846 -0.021 0.012)
- CIE Lab
- lab(82.41 -7.08 4.64)
- LCH
- lch(82.41 8.46 146.8)
- CMYK
- cmyk(7% 0% 6% 18%)
틴트 · 셰이드 · 톤
틴트
- C8D6CA
- CEDAD0
- D4DFD5
- DAE3DB
- E0E8E1
- E6ECE7
- ECF1ED
- F3F6F3
- F9FAF9
셰이드
- A8B5AA
- 8F9B91
- 778178
- 606861
- 49504A
- 343935
- 202321
- 0E100E
- 020202
톤
- BBC9BD
- B4C0B6
- AEB8AF
- A7B0A8
- A0A8A1
- 9AA09B
- 939894
- 8D908D
- 868887
색 조화
보색 +180°
- C2D1C4
Frosted Jade
- D6C7D4
≈ Shy Violet
유사색 -30° +30°
- C2D1C4
Frosted Jade
- CACFBE
≈ Terrace View
- BCD2CD
≈ Déjà Vu
삼각 배색 +120° +240°
- C2D1C4
Frosted Jade
- C6CCDD
≈ Lavender Steel
- DCC7C3
≈ Pink Chantilly
분열 보색 +150° +210°
- C2D1C4
Frosted Jade
- CEC9DA
≈ Magic Scent
- DBC6CC
≈ Kellie Belle
사각 배색 +90° +180° +270°
- C2D1C4
Frosted Jade
- BFCFDB
≈ Winter Scene
- D6C7D4
≈ Shy Violet
- D9C9BD
≈ Curly Maple
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.21:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--frosted-jade: #c2d1c4;
--frosted-jade-rgb: 194 209 196;
--frosted-jade-oklch: oklch(0.846 0.024 149.3);
}
.element {
color: var(--frosted-jade);
background-color: hsl(128 14% 79%);
border-color: oklch(0.846 0.024 149.3);
}Tailwind CSS v4
@theme {
--color-frosted-jade: #c2d1c4;
--color-frosted-jade-50: #f0f7f2;
--color-frosted-jade-100: #e2eae4;
--color-frosted-jade-200: #cdd7cf;
--color-frosted-jade-300: #afbbb1;
--color-frosted-jade-400: #95a397;
--color-frosted-jade-500: #7c8b7e;
--color-frosted-jade-600: #69766a;
--color-frosted-jade-700: #545e55;
--color-frosted-jade-800: #3d453e;
--color-frosted-jade-900: #2a302a;
--color-frosted-jade-950: #181c18;
}SCSS
$frosted-jade: #c2d1c4;
$frosted-jade-rgb: 194, 209, 196;
$frosted-jade-light: mix(#fff, $frosted-jade, 20%);
$frosted-jade-dark: mix(#000, $frosted-jade, 20%);
.element {
color: $frosted-jade;
box-shadow: 0 0 0 2px rgba($frosted-jade, 0.35);
}