Couleur nommée la plus proche · #CFA589
#CFA589
Couleur nommée la plus proche: Lunatic Lynx
#CFA589 (rgb(207 165 137), hsl(24 42% 67%), oklch(0.753 0.063 55.2)) 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.
#CFA589
oklch(0.753 0.063 55.2)
Conversions de couleur
- HEX
- #cfa589
- RGB
- rgb(207 165 137)
- HSL
- hsl(24 42% 67%)
- HWB
- hwb(24 54% 19%)
- OKLCH
- oklch(0.753 0.063 55.2)
- OKLab
- oklab(0.753 0.036 0.052)
- CIE Lab
- lab(71.13 13.08 20.75)
- LCH
- lch(71.13 24.52 57.8)
- CMYK
- cmyk(0% 20% 34% 19%)
Teintes · Ombres · Tons
Teintes
- D4AE95
- D9B7A0
- DEC0AC
- E3C9B7
- E8D2C3
- ECDBCF
- F1E4DB
- F6EDE7
- FAF6F3
Ombres
- B48F76
- 997964
- 7F6553
- 675142
- 4F3D31
- 382B22
- 231A14
- 100A07
- 020101
Tons
- C7A188
- BF9E88
- B79A87
- AF9686
- A79385
- 9F8F84
- 978B83
- 908782
- 888481
Harmonies de couleurs
Complémentaire +180°
- CFA589
Lunatic Lynx
- 88B6D2
≈ Periwinkle Sky
Analogue -30° +30°
- CFA589
Lunatic Lynx
- D4A09B
≈ Evening Dress
- C1AC81
≈ Cobbler
Triadique +120° +240°
- CFA589
Lunatic Lynx
- 84BCAD
≈ Patina Hue
- B1A7D3
≈ Ariel’s Delight
Complémentaire divisée +150° +210°
- CFA589
Lunatic Lynx
- 7EBBC2
≈ Warm Waters
- 9CAFD8
≈ Aster Flower Blue
Tétradique +90° +180° +270°
- CFA589
Lunatic Lynx
- 96BA97
≈ Brookview
- 88B6D2
≈ Periwinkle Sky
- C4A2C5
≈ Pale Grape
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.23:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.39:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--lunatic-lynx: #cfa589;
--lunatic-lynx-rgb: 207 165 137;
--lunatic-lynx-oklch: oklch(0.753 0.063 55.2);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(24 42% 67%);
border-color: oklch(0.753 0.063 55.2);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #cfa589;
--color-lunatic-lynx-50: #fff1e4;
--color-lunatic-lynx-100: #f9e3d4;
--color-lunatic-lynx-200: #eacebb;
--color-lunatic-lynx-300: #d1b098;
--color-lunatic-lynx-400: #bc957b;
--color-lunatic-lynx-500: #a77b5e;
--color-lunatic-lynx-600: #8d6850;
--color-lunatic-lynx-700: #71533f;
--color-lunatic-lynx-800: #543c2e;
--color-lunatic-lynx-900: #3b2a1f;
--color-lunatic-lynx-950: #25170f;
}SCSS
$lunatic-lynx: #cfa589;
$lunatic-lynx-rgb: 207, 165, 137;
$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);
}