이름 색상 · #CFE0D7
Light Soft Fresco
Light Soft Fresco은(는) #CFE0D7: rgb(207 224 215), hsl(148 22% 85%), oklch(0.891 0.022 163). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Soft Fresco color name →
#CFE0D7
oklch(0.891 0.022 163)
색상 변환
- HEX
- #cfe0d7
- RGB
- rgb(207 224 215)
- HSL
- hsl(148 22% 85%)
- HWB
- hwb(148 81% 12%)
- OKLCH
- oklch(0.891 0.022 163)
- OKLab
- oklab(0.891 -0.021 0.006)
- CIE Lab
- lab(87.7 -7.14 2.37)
- LCH
- lch(87.7 7.52 161.6)
- CMYK
- cmyk(8% 0% 4% 12%)
틴트 · 셰이드 · 톤
틴트
- D4E3DB
- D9E6DF
- DDE9E3
- E2ECE7
- E7EFEB
- ECF3EF
- F0F6F3
- F5F9F7
- FAFCFB
셰이드
- B4C3BB
- 99A69F
- 7F8A85
- 67706B
- 4F5652
- 383E3B
- 232725
- 101211
- 020202
톤
- C7D6CE
- BFCCC5
- B7C2BC
- AFB8B3
- A7AFAA
- 9FA5A2
- 979C99
- 8F9291
- 888988
색 조화
보색 +180°
- CFE0D7
Light Soft Fresco
- E6D6DF
≈ Swiss Rose
유사색 -30° +30°
- CFE0D7
Light Soft Fresco
- D6DFD0
≈ Phantom Green
- CCE0DF
≈ Thin Heights
삼각 배색 +120° +240°
- CFE0D7
Light Soft Fresco
- D9DAEA
≈ Eyeshadow
- E9D7D0
≈ Coral Cream
분열 보색 +150° +210°
- CFE0D7
Light Soft Fresco
- E0D7E6
≈ Lavender Vista
- E9D6D7
≈ Light Youth
사각 배색 +90° +180° +270°
- CFE0D7
Light Soft Fresco
- D1DCEA
≈ Morning Shower
- E6D6DF
≈ Swiss Rose
- E4D9CC
≈ Swiss Almond
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.29:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--light-soft-fresco: #cfe0d7;
--light-soft-fresco-rgb: 207 224 215;
--light-soft-fresco-oklch: oklch(0.891 0.022 163);
}
.element {
color: var(--light-soft-fresco);
background-color: hsl(148 22% 85%);
border-color: oklch(0.891 0.022 163);
}Tailwind CSS v4
@theme {
--color-light-soft-fresco: #cfe0d7;
--color-light-soft-fresco-50: #f0f7f3;
--color-light-soft-fresco-100: #e2eae6;
--color-light-soft-fresco-200: #ccd7d2;
--color-light-soft-fresco-300: #aebbb5;
--color-light-soft-fresco-400: #93a39b;
--color-light-soft-fresco-500: #7a8b82;
--color-light-soft-fresco-600: #67766e;
--color-light-soft-fresco-700: #525e58;
--color-light-soft-fresco-800: #3c4540;
--color-light-soft-fresco-900: #29302c;
--color-light-soft-fresco-950: #171c19;
}SCSS
$light-soft-fresco: #cfe0d7;
$light-soft-fresco-rgb: 207, 224, 215;
$light-soft-fresco-light: mix(#fff, $light-soft-fresco, 20%);
$light-soft-fresco-dark: mix(#000, $light-soft-fresco, 20%);
.element {
color: $light-soft-fresco;
box-shadow: 0 0 0 2px rgba($light-soft-fresco, 0.35);
}