Màu có tên gần nhất · #C8D2C3
#C8D2C3
Màu có tên gần nhất: Murmur
#C8D2C3 (rgb(200 210 195), hsl(100 14% 79%), oklch(0.852 0.023 135)) gần nhất với màu có tên Murmur. 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.
#C8D2C3
oklch(0.852 0.023 135)
Chuyển đổi màu
- HEX
- #c8d2c3
- RGB
- rgb(200 210 195)
- HSL
- hsl(100 14% 79%)
- HWB
- hwb(100 76% 18%)
- OKLCH
- oklch(0.852 0.023 135)
- OKLab
- oklab(0.852 -0.016 0.016)
- CIE Lab
- lab(83.1 -5.56 6.23)
- LCH
- lch(83.1 8.35 131.8)
- CMYK
- cmyk(5% 0% 7% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CDD6C9
- D3DBCF
- D8DFD5
- DEE4DB
- E3E8E1
- E9EDE7
- EEF1ED
- F4F6F3
- F9FAF9
Sắc đậm
- AEB6A9
- 949B90
- 7B8178
- 636860
- 4C504A
- 363934
- 212420
- 0F100E
- 020202
Sắc xám
- C1C9BC
- B9C1B5
- B2B9AE
- ABB0A8
- A3A8A1
- 9CA09A
- 959894
- 8E908D
- 878886
Hòa sắc
Bổ túc +180°
- C8D2C3
Murmur
- D4CAD9
≈ Dusky Lilac
Tương đồng -30° +30°
- C8D2C3
Murmur
- D0CFBE
≈ Sawgrass
- C1D3CB
≈ Spearmint Ice
Bộ ba +120° +240°
- C8D2C3
Murmur
- C5CFDE
≈ Monet
- DDC9C9
≈ Misty Blush
Bổ túc chia +150° +210°
- C8D2C3
Murmur
- CCCDDD
≈ Lunar Dust
- DAC9D2
≈ Blush of Hyacinth
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.55:1 · APCA Lc 26
Ag
AAATrên nền đen
WCAG 13.46:1 · APCA Lc 77
Màu chữ tốt nhất: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--murmur: #c8d2c3;
--murmur-rgb: 200 210 195;
--murmur-oklch: oklch(0.852 0.023 135);
}
.element {
color: var(--murmur);
background-color: hsl(100 14% 79%);
border-color: oklch(0.852 0.023 135);
}Tailwind CSS v4
@theme {
--color-murmur: #c8d2c3;
--color-murmur-50: #f2f7f0;
--color-murmur-100: #e4eae2;
--color-murmur-200: #d0d7cd;
--color-murmur-300: #b2baaf;
--color-murmur-400: #99a294;
--color-murmur-500: #808a7b;
--color-murmur-600: #6c7568;
--color-murmur-700: #565d53;
--color-murmur-800: #3f443c;
--color-murmur-900: #2c2f29;
--color-murmur-950: #191c17;
}SCSS
$murmur: #c8d2c3;
$murmur-rgb: 200, 210, 195;
$murmur-light: mix(#fff, $murmur, 20%);
$murmur-dark: mix(#000, $murmur, 20%);
.element {
color: $murmur;
box-shadow: 0 0 0 2px rgba($murmur, 0.35);
}