Couleur nommée la plus proche · #B5CBAD
#B5CBAD
Couleur nommée la plus proche: Nature
#B5CBAD (rgb(181 203 173), hsl(104 22% 74%), oklch(0.817 0.048 137.3)) est la plus proche de la couleur nommée Nature. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B5CBAD
oklch(0.817 0.048 137.3)
Conversions de couleur
- HEX
- #b5cbad
- RGB
- rgb(181 203 173)
- HSL
- hsl(104 22% 74%)
- HWB
- hwb(104 68% 20%)
- OKLCH
- oklch(0.817 0.048 137.3)
- OKLab
- oklab(0.817 -0.035 0.032)
- CIE Lab
- lab(79.4 -11.87 12.4)
- LCH
- lch(79.4 17.16 133.7)
- CMYK
- cmyk(11% 0% 15% 20%)
Teintes · Ombres · Tons
Teintes
- BCD0B5
- C4D5BD
- CBDAC5
- D2E0CD
- DAE5D6
- E1EADE
- E8EFE6
- F0F5EE
- F7FAF7
Ombres
- 9DB096
- 86967F
- 6F7D6A
- 596555
- 444D41
- 30372D
- 1D221B
- 0C0F0B
- 020201
Tons
- B0C3A8
- AABCA4
- A5B49F
- A0AC9B
- 9AA596
- 959D92
- 90968D
- 8A8F89
- 858784
Harmonies de couleurs
Complémentaire +180°
- B5CBAD
Nature
- D0BAD8
≈ Petite Purple
Analogue -30° +30°
- B5CBAD
Nature
- C6C6A3
≈ Rejuvenate
- A7CEBD
≈ Swimming Pool Green
Triadique +120° +240°
- B5CBAD
Nature
- B0C5E3
≈ Simply Sparkling
- E1B7B8
≈ Bistro Pink
Complémentaire divisée +150° +210°
- B5CBAD
Nature
- C1BFE1
≈ Purple Dragon
- DCB7C9
≈ Kunzite
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.73:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.11:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--nature: #b5cbad;
--nature-rgb: 181 203 173;
--nature-oklch: oklch(0.817 0.048 137.3);
}
.element {
color: var(--nature);
background-color: hsl(104 22% 74%);
border-color: oklch(0.817 0.048 137.3);
}Tailwind CSS v4
@theme {
--color-nature: #b5cbad;
--color-nature-50: #eef9ec;
--color-nature-100: #e0ecdd;
--color-nature-200: #cadac6;
--color-nature-300: #abbea7;
--color-nature-400: #91a58a;
--color-nature-500: #778e6f;
--color-nature-600: #65785e;
--color-nature-700: #51604b;
--color-nature-800: #3b4636;
--color-nature-900: #293125;
--color-nature-950: #161d13;
}SCSS
$nature: #b5cbad;
$nature-rgb: 181, 203, 173;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);
.element {
color: $nature;
box-shadow: 0 0 0 2px rgba($nature, 0.35);
}