Couleur nommée la plus proche · #CAD0B4
#CAD0B4
Couleur nommée la plus proche: Bitter Melon
#CAD0B4 (rgb(202 208 180), hsl(73 23% 76%), oklch(0.845 0.038 117.1)) 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.
#CAD0B4
oklch(0.845 0.038 117.1)
Conversions de couleur
- HEX
- #cad0b4
- RGB
- rgb(202 208 180)
- HSL
- hsl(73 23% 76%)
- HWB
- hwb(73 71% 18%)
- OKLCH
- oklch(0.845 0.038 117.1)
- OKLab
- oklab(0.845 -0.017 0.034)
- CIE Lab
- lab(82.45 -5.75 13.23)
- LCH
- lch(82.45 14.42 113.5)
- CMYK
- cmyk(3% 0% 13% 18%)
Teintes · Ombres · Tons
Teintes
- CFD5BB
- D4D9C3
- DADECA
- DFE3D2
- E4E7D9
- E9ECE1
- EFF1E8
- F4F6F0
- FAFAF7
Ombres
- AFB59C
- 959A85
- 7C806E
- 646758
- 4D4F44
- 373930
- 22231D
- 0F100C
- 020202
Tons
- C2C8AF
- BBBFA9
- B3B7A4
- ACAF9F
- A4A79A
- 9D9F95
- 96978F
- 8E8F8A
- 878885
Harmonies de couleurs
Complémentaire +180°
- CAD0B4
Bitter Melon
- CEC8E3
≈ Italian Fitch
Analogue -30° +30°
- CAD0B4
Bitter Melon
- D7CBB0
≈ Wood Ash
- BDD4BE
≈ Surf
Triadique +120° +240°
- CAD0B4
Bitter Melon
- B6D1E3
≈ Delicate Ice
- E2C2CC
≈ In the Slip
Complémentaire divisée +150° +210°
- CAD0B4
Bitter Melon
- C1CCE6
≈ Periwinkle Grey
- DAC4DA
≈ Simply Lavender
Tétradique +90° +180° +270°
- CAD0B4
Bitter Melon
- B0D4D9
≈ Light Imagine
- CEC8E3
≈ Italian Fitch
- E5C3BF
≈ Rose Coloured Glasses
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.19:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--bitter-melon: #cad0b4;
--bitter-melon-rgb: 202 208 180;
--bitter-melon-oklch: oklch(0.845 0.038 117.1);
}
.element {
color: var(--bitter-melon);
background-color: hsl(73 23% 76%);
border-color: oklch(0.845 0.038 117.1);
}Tailwind CSS v4
@theme {
--color-bitter-melon: #cad0b4;
--color-bitter-melon-50: #f4f7eb;
--color-bitter-melon-100: #e6eadc;
--color-bitter-melon-200: #d2d7c5;
--color-bitter-melon-300: #b5bba5;
--color-bitter-melon-400: #9ca288;
--color-bitter-melon-500: #848a6d;
--color-bitter-melon-600: #70755d;
--color-bitter-melon-700: #595d4a;
--color-bitter-melon-800: #424435;
--color-bitter-melon-900: #2d2f24;
--color-bitter-melon-950: #1a1c13;
}SCSS
$bitter-melon: #cad0b4;
$bitter-melon-rgb: 202, 208, 180;
$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);
}