Màu có tên gần nhất · #CDD0AB
#CDD0AB
Màu có tên gần nhất: Bitter Melon
#CDD0AB (rgb(205 208 171), hsl(65 28% 74%), oklch(0.846 0.05 111.2)) gần nhất với màu có tên Bitter Melon. 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.
#CDD0AB
oklch(0.846 0.05 111.2)
Chuyển đổi màu
- HEX
- #cdd0ab
- RGB
- rgb(205 208 171)
- HSL
- hsl(65 28% 74%)
- HWB
- hwb(65 67% 18%)
- OKLCH
- oklch(0.846 0.05 111.2)
- OKLab
- oklab(0.846 -0.018 0.046)
- CIE Lab
- lab(82.52 -5.68 18.1)
- LCH
- lch(82.52 18.97 107.4)
- CMYK
- cmyk(1% 0% 18% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D2D5B3
- D7D9BC
- DCDEC4
- E1E3CC
- E6E7D5
- EBECDD
- F0F1E6
- F5F6EE
- FAFAF7
Sắc đậm
- B2B594
- 989A7E
- 7E8068
- 666754
- 4E4F40
- 38392D
- 23231B
- 0F100B
- 020201
Sắc xám
- C5C8A7
- BDC0A2
- B5B79E
- ADAF9A
- A6A796
- 9E9F91
- 96978D
- 8F8F89
- 878884
Hòa sắc
Bổ túc +180°
- CDD0AB
Bitter Melon
- CCC7EB
≈ Soap
Tương đồng -30° +30°
- CDD0AB
Bitter Melon
- DDCAA8
≈ Egg Liqueur
- BBD5B7
≈ Nature
Bộ ba +120° +240°
- CDD0AB
Bitter Melon
- ACD3E7
≈ Monaco
- E7C0D0
≈ Childlike
Bổ túc chia +150° +210°
- CDD0AB
Bitter Melon
- BACDEE
≈ Frost Fairy
- DCC2E0
≈ Epiphany
Bộ bốn +90° +180° +270°
- CDD0AB
Bitter Melon
- A7D7DA
≈ Crystal
- CCC7EB
≈ Soap
- EBC0BE
≈ Cafe Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.59:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.20:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--bitter-melon: #cdd0ab;
--bitter-melon-rgb: 205 208 171;
--bitter-melon-oklch: oklch(0.846 0.05 111.2);
}
.element {
color: var(--bitter-melon);
background-color: hsl(65 28% 74%);
border-color: oklch(0.846 0.05 111.2);
}Tailwind CSS v4
@theme {
--color-bitter-melon: #cdd0ab;
--color-bitter-melon-50: #f5f7e7;
--color-bitter-melon-100: #e7ead7;
--color-bitter-melon-200: #d4d7bf;
--color-bitter-melon-300: #b7bb9e;
--color-bitter-melon-400: #9fa280;
--color-bitter-melon-500: #878a63;
--color-bitter-melon-600: #727554;
--color-bitter-melon-700: #5b5d43;
--color-bitter-melon-800: #434430;
--color-bitter-melon-900: #2f2f20;
--color-bitter-melon-950: #1b1b10;
}SCSS
$bitter-melon: #cdd0ab;
$bitter-melon-rgb: 205, 208, 171;
$bitter-melon-light: mix(#fff, $bitter-melon, 20%);
$bitter-melon-dark: mix(#000, $bitter-melon, 20%);
.element {
color: $bitter-melon;
box-shadow: 0 0 0 2px rgba($bitter-melon, 0.35);
}