Màu có tên · #C8CCBA
Green Alabaster
Green Alabaster là #C8CCBA: rgb(200 204 186), hsl(73 15% 76%), oklch(0.837 0.025 117.1). 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? → · Green Alabaster color name →
#C8CCBA
oklch(0.837 0.025 117.1)
Chuyển đổi màu
- HEX
- #c8ccba
- RGB
- rgb(200 204 186)
- HSL
- hsl(73 15% 76%)
- HWB
- hwb(73 73% 20%)
- OKLCH
- oklch(0.837 0.025 117.1)
- OKLab
- oklab(0.837 -0.011 0.022)
- CIE Lab
- lab(81.35 -3.8 8.51)
- LCH
- lch(81.35 9.32 114.1)
- CMYK
- cmyk(2% 0% 9% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CDD1C1
- D3D6C8
- D8DBCE
- DEE0D5
- E3E5DC
- E9EAE3
- EEF0EA
- F4F5F1
- F9FAF8
Sắc đậm
- AEB1A1
- 949789
- 7B7E72
- 63655C
- 4C4E46
- 363732
- 21221E
- 0F0F0D
- 020202
Sắc xám
- C1C4B4
- B9BCAE
- B2B5A8
- AAADA2
- A3A59D
- 9C9E97
- 959691
- 8E8F8B
- 878786
Hòa sắc
Bổ túc +180°
- C8CCBA
Green Alabaster
- CBC7D8
≈ Dreamweaver
Tương đồng -30° +30°
- C8CCBA
Green Alabaster
- D0C9B8
≈ Almond Milk
- C0CEC0
≈ Green Lily
Bộ ba +120° +240°
- C8CCBA
Green Alabaster
- BBCCD8
≈ Melody
- D8C3CA
≈ Old Mission Pink
Bổ túc chia +150° +210°
- C8CCBA
Green Alabaster
- C2CADA
≈ Icy Brook
- D3C4D2
≈ Frosted Grape
Bộ bốn +90° +180° +270°
- C8CCBA
Green Alabaster
- B8CFD2
≈ Shhh…
- CBC7D8
≈ Dreamweaver
- DAC4C1
≈ Just Gorgeous
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.64:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.80:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.80:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--green-alabaster: #c8ccba;
--green-alabaster-rgb: 200 204 186;
--green-alabaster-oklch: oklch(0.837 0.025 117.1);
}
.element {
color: var(--green-alabaster);
background-color: hsl(73 15% 76%);
border-color: oklch(0.837 0.025 117.1);
}Tailwind CSS v4
@theme {
--color-green-alabaster: #c8ccba;
--color-green-alabaster-50: #f4f6ee;
--color-green-alabaster-100: #e7e9e0;
--color-green-alabaster-200: #d3d6ca;
--color-green-alabaster-300: #b6b9ab;
--color-green-alabaster-400: #9da190;
--color-green-alabaster-500: #858976;
--color-green-alabaster-600: #707464;
--color-green-alabaster-700: #5a5c50;
--color-green-alabaster-800: #42443a;
--color-green-alabaster-900: #2d2f28;
--color-green-alabaster-950: #1a1b16;
}SCSS
$green-alabaster: #c8ccba;
$green-alabaster-rgb: 200, 204, 186;
$green-alabaster-light: mix(#fff, $green-alabaster, 20%);
$green-alabaster-dark: mix(#000, $green-alabaster, 20%);
.element {
color: $green-alabaster;
box-shadow: 0 0 0 2px rgba($green-alabaster, 0.35);
}