Couleur nommée la plus proche · #CDD0AB
#CDD0AB
Couleur nommée la plus proche: Bitter Melon
#CDD0AB (rgb(205 208 171), hsl(65 28% 74%), oklch(0.846 0.05 111.2)) est la plus proche de la couleur nommée Bitter Melon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CDD0AB
oklch(0.846 0.05 111.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D2D5B3
- D7D9BC
- DCDEC4
- E1E3CC
- E6E7D5
- EBECDD
- F0F1E6
- F5F6EE
- FAFAF7
Ombres
- B2B594
- 989A7E
- 7E8068
- 666754
- 4E4F40
- 38392D
- 23231B
- 0F100B
- 020201
Tons
- C5C8A7
- BDC0A2
- B5B79E
- ADAF9A
- A6A796
- 9E9F91
- 96978D
- 8F8F89
- 878884
Harmonies de couleurs
Complémentaire +180°
- CDD0AB
Bitter Melon
- CCC7EB
≈ Soap
Analogue -30° +30°
- CDD0AB
Bitter Melon
- DDCAA8
≈ Egg Liqueur
- BBD5B7
≈ Nature
Triadique +120° +240°
- CDD0AB
Bitter Melon
- ACD3E7
≈ Monaco
- E7C0D0
≈ Childlike
Complémentaire divisée +150° +210°
- CDD0AB
Bitter Melon
- BACDEE
≈ Frost Fairy
- DCC2E0
≈ Epiphany
Tétradique +90° +180° +270°
- CDD0AB
Bitter Melon
- A7D7DA
≈ Crystal
- CCC7EB
≈ Soap
- EBC0BE
≈ Cafe Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.20:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
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);
}