Adlandırılmış renk · #DCE6E5
Cameo Green
Cameo Green, #DCE6E5: rgb(220 230 229), hsl(174 17% 88%), oklch(0.917 0.011 189.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cameo Green color name →
#DCE6E5
oklch(0.917 0.011 189.8)
Renk dönüşümleri
- HEX
- #dce6e5
- RGB
- rgb(220 230 229)
- HSL
- hsl(174 17% 88%)
- HWB
- hwb(174 86% 10%)
- OKLCH
- oklch(0.917 0.011 189.8)
- OKLab
- oklab(0.917 -0.011 -0.002)
- CIE Lab
- lab(90.51 -3.6 -0.73)
- LCH
- lch(90.51 3.67 191.5)
- CMYK
- cmyk(4% 0% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE8E8
- E3EBEA
- E6EDED
- EAF0EF
- EDF2F2
- F1F5F5
- F4F7F7
- F8FAFA
- FBFCFC
Koyu tonlar
- BFC8C7
- A3ABAA
- 888E8E
- 6E7372
- 545958
- 3C403F
- 262828
- 111312
- 020303
Gri tonlar
- D2DBDA
- C9D1D0
- BFC6C6
- B6BCBB
- ADB2B1
- A4A7A7
- 9B9D9D
- 929393
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DCE6E5
Cameo Green
- EBE1E2
≈ Delicacy White
Analog -30° +30°
- DCE6E5
Cameo Green
- DEE6E1
≈ Pirate Coast
- DCE5E9
≈ Elusive Blue
Üçlü +120° +240°
- DCE6E5
Cameo Green
- E6E2E9
≈ Soft Iris
- E8E2DC
≈ White Opal
Bölünmüş tamamlayıcı +150° +210°
- DCE6E5
Cameo Green
- E9E1E6
≈ Violet Vogue
- EAE1DE
≈ Sweet Roses
Dörtlü +90° +180° +270°
- DCE6E5
Cameo Green
- E2E3EB
≈ Water Iris
- EBE1E2
≈ Delicacy White
- E5E4DC
≈ Black White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.49:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--cameo-green: #dce6e5;
--cameo-green-rgb: 220 230 229;
--cameo-green-oklch: oklch(0.917 0.011 189.8);
}
.element {
color: var(--cameo-green);
background-color: hsl(174 17% 88%);
border-color: oklch(0.917 0.011 189.8);
}Tailwind CSS v4
@theme {
--color-cameo-green: #dce6e5;
--color-cameo-green-50: #f2f6f6;
--color-cameo-green-100: #e4e9e9;
--color-cameo-green-200: #cfd6d5;
--color-cameo-green-300: #b1b9b9;
--color-cameo-green-400: #98a1a0;
--color-cameo-green-500: #7f8988;
--color-cameo-green-600: #6b7473;
--color-cameo-green-700: #565c5c;
--color-cameo-green-800: #3e4443;
--color-cameo-green-900: #2b2f2e;
--color-cameo-green-950: #181b1b;
}SCSS
$cameo-green: #dce6e5;
$cameo-green-rgb: 220, 230, 229;
$cameo-green-light: mix(#fff, $cameo-green, 20%);
$cameo-green-dark: mix(#000, $cameo-green, 20%);
.element {
color: $cameo-green;
box-shadow: 0 0 0 2px rgba($cameo-green, 0.35);
}