En yakın adlandırılmış renk · #CDD0AB
#CDD0AB
En yakın adlandırılmış renk: Bitter Melon
#CDD0AB (rgb(205 208 171), hsl(65 28% 74%), oklch(0.846 0.05 111.2)) en çok Bitter Melon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CDD0AB
oklch(0.846 0.05 111.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2D5B3
- D7D9BC
- DCDEC4
- E1E3CC
- E6E7D5
- EBECDD
- F0F1E6
- F5F6EE
- FAFAF7
Koyu tonlar
- B2B594
- 989A7E
- 7E8068
- 666754
- 4E4F40
- 38392D
- 23231B
- 0F100B
- 020201
Gri tonlar
- C5C8A7
- BDC0A2
- B5B79E
- ADAF9A
- A6A796
- 9E9F91
- 96978D
- 8F8F89
- 878884
Renk uyumları
Tamamlayıcı +180°
- CDD0AB
Bitter Melon
- CCC7EB
≈ Soap
Analog -30° +30°
- CDD0AB
Bitter Melon
- DDCAA8
≈ Egg Liqueur
- BBD5B7
≈ Nature
Üçlü +120° +240°
- CDD0AB
Bitter Melon
- ACD3E7
≈ Monaco
- E7C0D0
≈ Childlike
Bölünmüş tamamlayıcı +150° +210°
- CDD0AB
Bitter Melon
- BACDEE
≈ Frost Fairy
- DCC2E0
≈ Epiphany
Dörtlü +90° +180° +270°
- CDD0AB
Bitter Melon
- A7D7DA
≈ Crystal
- CCC7EB
≈ Soap
- EBC0BE
≈ Cafe Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.20:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}