Adlandırılmış renk · #CFE0D7
Light Soft Fresco
Light Soft Fresco, #CFE0D7: rgb(207 224 215), hsl(148 22% 85%), oklch(0.891 0.022 163). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Soft Fresco color name →
#CFE0D7
oklch(0.891 0.022 163)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4E3DB
- D9E6DF
- DDE9E3
- E2ECE7
- E7EFEB
- ECF3EF
- F0F6F3
- F5F9F7
- FAFCFB
Koyu tonlar
- B4C3BB
- 99A69F
- 7F8A85
- 67706B
- 4F5652
- 383E3B
- 232725
- 101211
- 020202
Gri tonlar
- C7D6CE
- BFCCC5
- B7C2BC
- AFB8B3
- A7AFAA
- 9FA5A2
- 979C99
- 8F9291
- 888988
Renk uyumları
Tamamlayıcı +180°
- CFE0D7
Light Soft Fresco
- E6D6DF
≈ Swiss Rose
Analog -30° +30°
- CFE0D7
Light Soft Fresco
- D6DFD0
≈ Phantom Green
- CCE0DF
≈ Thin Heights
Üçlü +120° +240°
- CFE0D7
Light Soft Fresco
- D9DAEA
≈ Eyeshadow
- E9D7D0
≈ Coral Cream
Bölünmüş tamamlayıcı +150° +210°
- CFE0D7
Light Soft Fresco
- E0D7E6
≈ Lavender Vista
- E9D6D7
≈ Light Youth
Dörtlü +90° +180° +270°
- CFE0D7
Light Soft Fresco
- D1DCEA
≈ Morning Shower
- E6D6DF
≈ Swiss Rose
- E4D9CC
≈ Swiss Almond
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.29:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}