이름 색상 · #C0D5CA
Soft Fresco
Soft Fresco은(는) #C0D5CA: rgb(192 213 202), hsl(149 20% 79%), oklch(0.854 0.027 163.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soft Fresco color name →
#C0D5CA
oklch(0.854 0.027 163.1)
색상 변환
- HEX
- #c0d5ca
- RGB
- rgb(192 213 202)
- HSL
- hsl(149 20% 79%)
- HWB
- hwb(149 75% 16%)
- OKLCH
- oklch(0.854 0.027 163.1)
- OKLab
- oklab(0.854 -0.026 0.008)
- CIE Lab
- lab(83.45 -8.87 2.93)
- LCH
- lch(83.45 9.34 161.7)
- CMYK
- cmyk(10% 0% 5% 16%)
틴트 · 셰이드 · 톤
틴트
- C6D9CF
- CCDDD4
- D3E1DA
- D9E6DF
- DFEAE4
- E6EEEA
- ECF2EF
- F2F7F4
- F9FBFA
셰이드
- A7B9AF
- 8E9E95
- 76837C
- 5F6A64
- 49514D
- 343A37
- 202422
- 0E100F
- 020202
톤
- B9CCC2
- B3C3BB
- ACBBB3
- A6B2AC
- A0AAA4
- 99A19D
- 939996
- 8D908E
- 868887
색 조화
보색 +180°
- C0D5CA
Soft Fresco
- DDC8D4
≈ Sleepy Kisses
유사색 -30° +30°
- C0D5CA
Soft Fresco
- C8D3C1
≈ Tomatillo Peel
- BCD5D4
≈ Wingsuit Wind
삼각 배색 +120° +240°
- C0D5CA
Soft Fresco
- CCCDE1
≈ Blueberry Mist
- DFCAC1
≈ Ancient Ruins
분열 보색 +150° +210°
- C0D5CA
Soft Fresco
- D5CADC
≈ Languid Lavender
- E0C8CA
≈ Pocketful of Promise
사각 배색 +90° +180° +270°
- C0D5CA
Soft Fresco
- C3D1E1
≈ Delicate Ballet Blue
- DDC8D4
≈ Sleepy Kisses
- DACDBC
≈ Sand Dollar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.61:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.61:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--soft-fresco: #c0d5ca;
--soft-fresco-rgb: 192 213 202;
--soft-fresco-oklch: oklch(0.854 0.027 163.1);
}
.element {
color: var(--soft-fresco);
background-color: hsl(149 20% 79%);
border-color: oklch(0.854 0.027 163.1);
}Tailwind CSS v4
@theme {
--color-soft-fresco: #c0d5ca;
--color-soft-fresco-50: #eef8f3;
--color-soft-fresco-100: #e0ebe6;
--color-soft-fresco-200: #cad8d1;
--color-soft-fresco-300: #abbcb4;
--color-soft-fresco-400: #91a49a;
--color-soft-fresco-500: #778c81;
--color-soft-fresco-600: #64776d;
--color-soft-fresco-700: #505f57;
--color-soft-fresco-800: #3a453f;
--color-soft-fresco-900: #28302c;
--color-soft-fresco-950: #161c19;
}SCSS
$soft-fresco: #c0d5ca;
$soft-fresco-rgb: 192, 213, 202;
$soft-fresco-light: mix(#fff, $soft-fresco, 20%);
$soft-fresco-dark: mix(#000, $soft-fresco, 20%);
.element {
color: $soft-fresco;
box-shadow: 0 0 0 2px rgba($soft-fresco, 0.35);
}