가장 가까운 이름 색상 · #CFF0D6
#CFF0D6
가장 가까운 이름 색상: Jade Palace
#CFF0D6(rgb(207 240 214), hsl(133 52% 88%), oklch(0.924 0.049 151.6))와 가장 가까운 이름 색상은 Jade Palace입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CFF0D6
oklch(0.924 0.049 151.6)
색상 변환
- HEX
- #cff0d6
- RGB
- rgb(207 240 214)
- HSL
- hsl(133 52% 88%)
- HWB
- hwb(133 81% 6%)
- OKLCH
- oklch(0.924 0.049 151.6)
- OKLab
- oklab(0.924 -0.043 0.023)
- CIE Lab
- lab(91.88 -14.78 8.83)
- LCH
- lch(91.88 17.22 149.1)
- CMYK
- cmyk(14% 0% 11% 6%)
틴트 · 셰이드 · 톤
틴트
- D4F2DA
- D9F3DE
- DEF5E2
- E2F6E6
- E7F8EA
- ECF9EF
- F1FBF3
- F5FCF7
- FAFEFB
셰이드
- B4D1BA
- 99B29E
- 7F9584
- 67786A
- 4F5D52
- 38433B
- 232A25
- 101410
- 020302
톤
- C7E4CD
- BFD9C4
- B7CDBB
- AFC2B3
- A7B6AA
- 9FABA1
- 97A099
- 8F9591
- 888B88
색 조화
보색 +180°
- CFF0D6
Jade Palace
- FADBF5
≈ Strawberry Frost
유사색 -30° +30°
- CFF0D6
Jade Palace
- E0ECC8
≈ Earth Happiness
- C3F1E8
≈ Light Water Wings
삼각 배색 +120° +240°
- CFF0D6
Jade Palace
- DDE5FF
≈ Lavender Mist
- FFDDD6
≈ Peach Schnapps
분열 보색 +150° +210°
- CFF0D6
Jade Palace
- EBE0FF
≈ Lavender Savour
- FFDBE4
≈ Pink Perfume
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.08:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--jade-palace: #cff0d6;
--jade-palace-rgb: 207 240 214;
--jade-palace-oklch: oklch(0.924 0.049 151.6);
}
.element {
color: var(--jade-palace);
background-color: hsl(133 52% 88%);
border-color: oklch(0.924 0.049 151.6);
}Tailwind CSS v4
@theme {
--color-jade-palace: #cff0d6;
--color-jade-palace-50: #ebfaef;
--color-jade-palace-100: #dcede0;
--color-jade-palace-200: #c5dbcb;
--color-jade-palace-300: #a5bfac;
--color-jade-palace-400: #8aa790;
--color-jade-palace-500: #6e9076;
--color-jade-palace-600: #5e7a64;
--color-jade-palace-700: #4b6150;
--color-jade-palace-800: #374739;
--color-jade-palace-900: #253127;
--color-jade-palace-950: #141d15;
}SCSS
$jade-palace: #cff0d6;
$jade-palace-rgb: 207, 240, 214;
$jade-palace-light: mix(#fff, $jade-palace, 20%);
$jade-palace-dark: mix(#000, $jade-palace, 20%);
.element {
color: $jade-palace;
box-shadow: 0 0 0 2px rgba($jade-palace, 0.35);
}