Couleur nommée la plus proche · #D8AA87
#D8AA87
Couleur nommée la plus proche: Lunatic Lynx
#D8AA87 (rgb(216 170 135), hsl(26 51% 69%), oklch(0.771 0.072 58.7)) est la plus proche de la couleur nommée Lunatic Lynx. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D8AA87
oklch(0.771 0.072 58.7)
Conversions de couleur
- HEX
- #d8aa87
- RGB
- rgb(216 170 135)
- HSL
- hsl(26 51% 69%)
- HWB
- hwb(26 53% 15%)
- OKLCH
- oklch(0.771 0.072 58.7)
- OKLab
- oklab(0.771 0.037 0.062)
- CIE Lab
- lab(73.26 13.95 24.86)
- LCH
- lch(73.26 28.51 60.7)
- CMYK
- cmyk(0% 21% 38% 15%)
Teintes · Ombres · Tons
Teintes
- DCB293
- E0BB9F
- E4C3AB
- E8CCB7
- ECD4C2
- F0DDCE
- F4E5DB
- F8EEE7
- FBF6F3
Ombres
- BC9375
- A07D63
- 856851
- 6B5341
- 533F31
- 3B2D21
- 251B13
- 110B06
- 020101
Tons
- CFA687
- C6A286
- BD9D86
- B49985
- AC9584
- A39184
- 9A8D83
- 918882
- 898481
Harmonies de couleurs
Complémentaire +180°
- D8AA87
Lunatic Lynx
- 8ABCDE
≈ Frozen Whisper
Analogue -30° +30°
- D8AA87
Lunatic Lynx
- DFA49B
≈ Coral Cove
- C7B37F
≈ Aviva
Triadique +120° +240°
- D8AA87
Lunatic Lynx
- 81C4B5
≈ Holiday
- BAABDD
≈ Purple Hibiscus
Complémentaire divisée +150° +210°
- D8AA87
Lunatic Lynx
- 7CC2CD
≈ Wavelet
- A1B3E4
≈ Myrtle Flower
Tétradique +90° +180° +270°
- D8AA87
Lunatic Lynx
- 95C29C
≈ Delltone
- 8ABCDE
≈ Frozen Whisper
- CFA5CC
≈ Geranium Bud
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.09:1 · APCA Lc 41
Ag
AAASur noir
WCAG 10.01:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--lunatic-lynx: #d8aa87;
--lunatic-lynx-rgb: 216 170 135;
--lunatic-lynx-oklch: oklch(0.771 0.072 58.7);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(26 51% 69%);
border-color: oklch(0.771 0.072 58.7);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d8aa87;
--color-lunatic-lynx-50: #fff1e1;
--color-lunatic-lynx-100: #fbe3d0;
--color-lunatic-lynx-200: #ecceb6;
--color-lunatic-lynx-300: #d3af93;
--color-lunatic-lynx-400: #bf9474;
--color-lunatic-lynx-500: #aa7a55;
--color-lunatic-lynx-600: #906848;
--color-lunatic-lynx-700: #73533a;
--color-lunatic-lynx-800: #563c29;
--color-lunatic-lynx-900: #3c291c;
--color-lunatic-lynx-950: #25170c;
}SCSS
$lunatic-lynx: #d8aa87;
$lunatic-lynx-rgb: 216, 170, 135;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}