Adlandırılmış renk · #CEDCD4
Light Soft Celadon
Light Soft Celadon, #CEDCD4: rgb(206 220 212), hsl(146 17% 84%), oklch(0.882 0.019 161.1). 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 Celadon color name →
#CEDCD4
oklch(0.882 0.019 161.1)
Renk dönüşümleri
- HEX
- #cedcd4
- RGB
- rgb(206 220 212)
- HSL
- hsl(146 17% 84%)
- HWB
- hwb(146 81% 14%)
- OKLCH
- oklch(0.882 0.019 161.1)
- OKLab
- oklab(0.882 -0.018 0.006)
- CIE Lab
- lab(86.52 -5.98 2.24)
- LCH
- lch(86.52 6.39 159.5)
- CMYK
- cmyk(6% 0% 4% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3DFD8
- D8E3DC
- DDE6E1
- E1EAE5
- E6EDE9
- EBF1EE
- F0F4F2
- F5F8F6
- FAFBFB
Koyu tonlar
- B3BFB8
- 98A39D
- 7F8883
- 666E69
- 4E5451
- 383C3A
- 232624
- 0F1110
- 020202
Gri tonlar
- C6D2CB
- BEC9C3
- B6BFBA
- AEB6B1
- A6ADA9
- 9EA4A1
- 979B98
- 8F9290
- 888988
Renk uyumları
Tamamlayıcı +180°
- CEDCD4
Light Soft Celadon
- E1D3DC
≈ Mauve Aquarelle
Analog -30° +30°
- CEDCD4
Light Soft Celadon
- D4DBCE
≈ Caribbean Pleasure
- CBDCDB
≈ Snow in June
Üçlü +120° +240°
- CEDCD4
Light Soft Celadon
- D5D7E4
≈ So Blue-Berry
- E3D4CF
≈ Pandora Grey
Bölünmüş tamamlayıcı +150° +210°
- CEDCD4
Light Soft Celadon
- DCD5E1
≈ Titan White
- E4D3D5
≈ Hapsburg Court
Dörtlü +90° +180° +270°
- CEDCD4
Light Soft Celadon
- CFD9E4
≈ Pale Cornflower
- E1D3DC
≈ Mauve Aquarelle
- E0D6CB
≈ Castle Beige
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.41:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.81:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-soft-celadon: #cedcd4;
--light-soft-celadon-rgb: 206 220 212;
--light-soft-celadon-oklch: oklch(0.882 0.019 161.1);
}
.element {
color: var(--light-soft-celadon);
background-color: hsl(146 17% 84%);
border-color: oklch(0.882 0.019 161.1);
}Tailwind CSS v4
@theme {
--color-light-soft-celadon: #cedcd4;
--color-light-soft-celadon-50: #f1f7f3;
--color-light-soft-celadon-100: #e3eae6;
--color-light-soft-celadon-200: #ced7d2;
--color-light-soft-celadon-300: #afbab5;
--color-light-soft-celadon-400: #95a29b;
--color-light-soft-celadon-500: #7c8a82;
--color-light-soft-celadon-600: #69756e;
--color-light-soft-celadon-700: #545e58;
--color-light-soft-celadon-800: #3d4440;
--color-light-soft-celadon-900: #2a2f2c;
--color-light-soft-celadon-950: #181c19;
}SCSS
$light-soft-celadon: #cedcd4;
$light-soft-celadon-rgb: 206, 220, 212;
$light-soft-celadon-light: mix(#fff, $light-soft-celadon, 20%);
$light-soft-celadon-dark: mix(#000, $light-soft-celadon, 20%);
.element {
color: $light-soft-celadon;
box-shadow: 0 0 0 2px rgba($light-soft-celadon, 0.35);
}