Couleur nommée la plus proche · #C4D3AE
#C4D3AE
Couleur nommée la plus proche: Morris Leaf
#C4D3AE (rgb(196 211 174), hsl(84 30% 75%), oklch(0.846 0.053 125.5)) est la plus proche de la couleur nommée Morris Leaf. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C4D3AE
oklch(0.846 0.053 125.5)
Conversions de couleur
- HEX
- #c4d3ae
- RGB
- rgb(196 211 174)
- HSL
- hsl(84 30% 75%)
- HWB
- hwb(84 68% 17%)
- OKLCH
- oklch(0.846 0.053 125.5)
- OKLab
- oklab(0.846 -0.031 0.043)
- CIE Lab
- lab(82.67 -10.11 16.6)
- LCH
- lch(82.67 19.44 121.3)
- CMYK
- cmyk(7% 0% 18% 17%)
Teintes · Ombres · Tons
Teintes
- CAD7B6
- D0DCBE
- D5E0C6
- DBE5CE
- E1E9D6
- E7EDDE
- EDF2E6
- F3F6EF
- F9FBF7
Ombres
- AAB797
- 919C80
- 78826A
- 616955
- 4A5141
- 353A2E
- 21241C
- 0E100B
- 020201
Tons
- BDCAA9
- B6C2A5
- AFB9A0
- A8B19C
- A1A997
- 9BA092
- 94988E
- 8D9089
- 878885
Harmonies de couleurs
Complémentaire +180°
- C4D3AE
Morris Leaf
- D4C4E8
≈ Foggy Love
Analogue -30° +30°
- C4D3AE
Morris Leaf
- D7CDA6
≈ Gabriel’s Light
- B2D7BE
≈ Frosted Fir
Triadique +120° +240°
- C4D3AE
Morris Leaf
- B1D1ED
≈ Vive le Vent
- ECBFC7
≈ Rose Melody
Complémentaire divisée +150° +210°
- C4D3AE
Morris Leaf
- C2CAEF
≈ Powdered Granite
- E3C0DA
≈ Dog Rose
Tétradique +90° +180° +270°
- C4D3AE
Morris Leaf
- A6D6E2
≈ Atlantic Ocean
- D4C4E8
≈ Foggy Love
- ECC1B5
≈ New Clay
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.58:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.27:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--morris-leaf: #c4d3ae;
--morris-leaf-rgb: 196 211 174;
--morris-leaf-oklch: oklch(0.846 0.053 125.5);
}
.element {
color: var(--morris-leaf);
background-color: hsl(84 30% 75%);
border-color: oklch(0.846 0.053 125.5);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #c4d3ae;
--color-morris-leaf-50: #f1f8e8;
--color-morris-leaf-100: #e3ebd9;
--color-morris-leaf-200: #ced9c1;
--color-morris-leaf-300: #b0bda0;
--color-morris-leaf-400: #97a483;
--color-morris-leaf-500: #7e8d67;
--color-morris-leaf-600: #6a7757;
--color-morris-leaf-700: #555f45;
--color-morris-leaf-800: #3f4631;
--color-morris-leaf-900: #2b3022;
--color-morris-leaf-950: #181c11;
}SCSS
$morris-leaf: #c4d3ae;
$morris-leaf-rgb: 196, 211, 174;
$morris-leaf-light: mix(#fff, $morris-leaf, 20%);
$morris-leaf-dark: mix(#000, $morris-leaf, 20%);
.element {
color: $morris-leaf;
box-shadow: 0 0 0 2px rgba($morris-leaf, 0.35);
}