Màu có tên · #DCE6E5
Cameo Green
Cameo Green là #DCE6E5: rgb(220 230 229), hsl(174 17% 88%), oklch(0.917 0.011 189.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Cameo Green color name →
#DCE6E5
oklch(0.917 0.011 189.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFE8E8
- E3EBEA
- E6EDED
- EAF0EF
- EDF2F2
- F1F5F5
- F4F7F7
- F8FAFA
- FBFCFC
Sắc đậm
- BFC8C7
- A3ABAA
- 888E8E
- 6E7372
- 545958
- 3C403F
- 262828
- 111312
- 020303
Sắc xám
- D2DBDA
- C9D1D0
- BFC6C6
- B6BCBB
- ADB2B1
- A4A7A7
- 9B9D9D
- 929393
- 898A8A
Hòa sắc
Bổ túc +180°
- DCE6E5
Cameo Green
- EBE1E2
≈ Delicacy White
Tương đồng -30° +30°
- DCE6E5
Cameo Green
- DEE6E1
≈ Pirate Coast
- DCE5E9
≈ Elusive Blue
Bộ ba +120° +240°
- DCE6E5
Cameo Green
- E6E2E9
≈ Soft Iris
- E8E2DC
≈ White Opal
Bổ túc chia +150° +210°
- DCE6E5
Cameo Green
- E9E1E6
≈ Violet Vogue
- EAE1DE
≈ Sweet Roses
Bộ bốn +90° +180° +270°
- DCE6E5
Cameo Green
- E2E3EB
≈ Water Iris
- EBE1E2
≈ Delicacy White
- E5E4DC
≈ Black White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.49:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
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);
}