Adlandırılmış renk · #CBCDB9
Morning Zen
Morning Zen, #CBCDB9: rgb(203 205 185), hsl(66 17% 76%), oklch(0.841 0.027 111.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Morning Zen color name →
#CBCDB9
oklch(0.841 0.027 111.6)
Renk dönüşümleri
- HEX
- #cbcdb9
- RGB
- rgb(203 205 185)
- HSL
- hsl(66 17% 76%)
- HWB
- hwb(66 73% 20%)
- OKLCH
- oklch(0.841 0.027 111.6)
- OKLab
- oklab(0.841 -0.01 0.025)
- CIE Lab
- lab(81.83 -3.32 9.75)
- LCH
- lch(81.83 10.3 108.8)
- CMYK
- cmyk(1% 0% 10% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0D2C0
- D5D7C7
- DADCCE
- E0E1D5
- E5E6DC
- EAEBE3
- EFF0EA
- F4F5F1
- FAFAF8
Koyu tonlar
- B0B2A0
- 969889
- 7D7E71
- 65665B
- 4D4E46
- 373831
- 22231E
- 0F0F0D
- 020202
Gri tonlar
- C3C5B3
- BBBDAD
- B4B5A8
- ACADA2
- A5A69C
- 9D9E96
- 969691
- 8E8F8B
- 878786
Renk uyumları
Tamamlayıcı +180°
- CBCDB9
Morning Zen
- CBC8DC
≈ Gregorio Garden
Analog -30° +30°
- CBCDB9
Morning Zen
- D4CAB7
≈ Unmarked Trail
- C1D0BF
≈ Budding Green
Üçlü +120° +240°
- CBCDB9
Morning Zen
- BACFDA
≈ Mudra
- DAC4CD
≈ Mauve Organdie
Bölünmüş tamamlayıcı +150° +210°
- CBCDB9
Morning Zen
- C1CBDD
≈ Icy Brook
- D4C5D6
≈ Fragrant Snowbell
Dörtlü +90° +180° +270°
- CBCDB9
Morning Zen
- B7D1D2
≈ Lakeside Find
- CBC8DC
≈ Gregorio Garden
- DCC4C3
≈ Fairview Taupe
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.61:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.97:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--morning-zen: #cbcdb9;
--morning-zen-rgb: 203 205 185;
--morning-zen-oklch: oklch(0.841 0.027 111.6);
}
.element {
color: var(--morning-zen);
background-color: hsl(66 17% 76%);
border-color: oklch(0.841 0.027 111.6);
}Tailwind CSS v4
@theme {
--color-morning-zen: #cbcdb9;
--color-morning-zen-50: #f5f6ed;
--color-morning-zen-100: #e7e9df;
--color-morning-zen-200: #d4d6c9;
--color-morning-zen-300: #b7b9aa;
--color-morning-zen-400: #9ea08e;
--color-morning-zen-500: #868874;
--color-morning-zen-600: #727362;
--color-morning-zen-700: #5b5c4e;
--color-morning-zen-800: #434339;
--color-morning-zen-900: #2e2e27;
--color-morning-zen-950: #1b1b15;
}SCSS
$morning-zen: #cbcdb9;
$morning-zen-rgb: 203, 205, 185;
$morning-zen-light: mix(#fff, $morning-zen, 20%);
$morning-zen-dark: mix(#000, $morning-zen, 20%);
.element {
color: $morning-zen;
box-shadow: 0 0 0 2px rgba($morning-zen, 0.35);
}