Couleur nommée la plus proche · #C2BB65
#C2BB65
Couleur nommée la plus proche: Motherland
#C2BB65 (rgb(194 187 101), hsl(55 43% 58%), oklch(0.779 0.109 104.5)) est la plus proche de la couleur nommée Motherland. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C2BB65
oklch(0.779 0.109 104.5)
Conversions de couleur
- HEX
- #c2bb65
- RGB
- rgb(194 187 101)
- HSL
- hsl(55 43% 58%)
- HWB
- hwb(55 40% 24%)
- OKLCH
- oklch(0.779 0.109 104.5)
- OKLab
- oklab(0.779 -0.027 0.105)
- CIE Lab
- lab(75.09 -6.15 44.08)
- LCH
- lch(75.09 44.51 97.9)
- CMYK
- cmyk(0% 4% 48% 24%)
Teintes · Ombres · Tons
Teintes
- C8C276
- CEC986
- D4D096
- DAD6A5
- E0DDB4
- E6E4C3
- ECEBD2
- F2F2E1
- F9F8F0
Ombres
- A8A257
- 8F8A49
- 77733C
- 605C2F
- 494622
- 343217
- 201F0C
- 0E0D03
- 020200
Tons
- BBB569
- B4AF6D
- ADA971
- A7A374
- A09D76
- 9A9879
- 93927B
- 8D8C7D
- 86867F
Harmonies de couleurs
Complémentaire +180°
- C2BB65
Motherland
- AFAEFA
≈ Winterspring Lilac
Analogue -30° +30°
- C2BB65
Motherland
- E0AD64
≈ Sahara Shade
- 9AC77F
≈ Frenzy Plant
Triadique +120° +240°
- C2BB65
Motherland
- 5FC6EB
≈ Candid Blue
- E99BC8
≈ Sultan of Pink
Complémentaire divisée +150° +210°
- C2BB65
Motherland
- 87BBFC
≈ Scenic Water
- D1A2E8
≈ Bright Ube
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.98:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.58:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--motherland: #c2bb65;
--motherland-rgb: 194 187 101;
--motherland-oklch: oklch(0.779 0.109 104.5);
}
.element {
color: var(--motherland);
background-color: hsl(55 43% 58%);
border-color: oklch(0.779 0.109 104.5);
}Tailwind CSS v4
@theme {
--color-motherland: #c2bb65;
--color-motherland-50: #f8f8d4;
--color-motherland-100: #ecebc1;
--color-motherland-200: #d9d8a2;
--color-motherland-300: #bebb79;
--color-motherland-400: #a8a251;
--color-motherland-500: #928922;
--color-motherland-600: #7b741f;
--color-motherland-700: #635d19;
--color-motherland-800: #4a440f;
--color-motherland-900: #332f09;
--color-motherland-950: #1f1b00;
}SCSS
$motherland: #c2bb65;
$motherland-rgb: 194, 187, 101;
$motherland-light: mix(#fff, $motherland, 20%);
$motherland-dark: mix(#000, $motherland, 20%);
.element {
color: $motherland;
box-shadow: 0 0 0 2px rgba($motherland, 0.35);
}