Couleur nommée la plus proche · #C1D6AA
#C1D6AA
Couleur nommée la plus proche: Morris Leaf
#C1D6AA (rgb(193 214 170), hsl(89 35% 75%), oklch(0.849 0.063 128.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.
#C1D6AA
oklch(0.849 0.063 128.5)
Conversions de couleur
- HEX
- #c1d6aa
- RGB
- rgb(193 214 170)
- HSL
- hsl(89 35% 75%)
- HWB
- hwb(89 67% 16%)
- OKLCH
- oklch(0.849 0.063 128.5)
- OKLab
- oklab(0.849 -0.039 0.05)
- CIE Lab
- lab(83.18 -13.1 19.35)
- LCH
- lch(83.18 23.36 124.1)
- CMYK
- cmyk(10% 0% 21% 16%)
Teintes · Ombres · Tons
Teintes
- C7DAB2
- CDDEBB
- D3E2C3
- D9E6CC
- E0EBD4
- E6EFDD
- ECF3E5
- F2F7EE
- F9FBF6
Ombres
- A7BA93
- 8F9E7D
- 778468
- 5F6A53
- 49523F
- 343B2D
- 20251B
- 0E100B
- 020201
Tons
- BACDA6
- B4C4A2
- ADBB9E
- A6B399
- A0AA95
- 99A291
- 93998D
- 8D9189
- 868884
Harmonies de couleurs
Complémentaire +180°
- C1D6AA
Morris Leaf
- D9C3EE
≈ Beefy Pink
Analogue -30° +30°
- C1D6AA
Morris Leaf
- D8CF9F
≈ Tahuna Sands
- ABDBBE
≈ Shanghai Jade
Triadique +120° +240°
- C1D6AA
Morris Leaf
- AED2F6
≈ Ice Cold Stare
- F3BDC5
≈ Strawberry Confection
Complémentaire divisée +150° +210°
- C1D6AA
Morris Leaf
- C3CAF7
≈ Light Periwinkle
- EABEDC
≈ Blackberry Yoghurt
Tétradique +90° +180° +270°
- C1D6AA
Morris Leaf
- 9FD8E9
≈ Nevada Sky
- D9C3EE
≈ Beefy Pink
- F3C0B0
≈ Jazz Age Coral
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.55:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.46:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--morris-leaf: #c1d6aa;
--morris-leaf-rgb: 193 214 170;
--morris-leaf-oklch: oklch(0.849 0.063 128.5);
}
.element {
color: var(--morris-leaf);
background-color: hsl(89 35% 75%);
border-color: oklch(0.849 0.063 128.5);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #c1d6aa;
--color-morris-leaf-50: #eff9e6;
--color-morris-leaf-100: #e1edd7;
--color-morris-leaf-200: #cbdabe;
--color-morris-leaf-300: #acbe9d;
--color-morris-leaf-400: #93a67e;
--color-morris-leaf-500: #7a8f61;
--color-morris-leaf-600: #677953;
--color-morris-leaf-700: #526142;
--color-morris-leaf-800: #3d472e;
--color-morris-leaf-900: #2a311f;
--color-morris-leaf-950: #171d0f;
}SCSS
$morris-leaf: #c1d6aa;
$morris-leaf-rgb: 193, 214, 170;
$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);
}