Couleur nommée la plus proche · #BE8F8A
#BE8F8A
Couleur nommée la plus proche: Grand Sunset
#BE8F8A (rgb(190 143 138), hsl(6 29% 64%), oklch(0.694 0.058 25.6)) est la plus proche de la couleur nommée Grand Sunset. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BE8F8A
oklch(0.694 0.058 25.6)
Conversions de couleur
- HEX
- #be8f8a
- RGB
- rgb(190 143 138)
- HSL
- hsl(6 29% 64%)
- HWB
- hwb(6 54% 25%)
- OKLCH
- oklch(0.694 0.058 25.6)
- OKLab
- oklab(0.694 0.052 0.025)
- CIE Lab
- lab(63.91 17.81 9.96)
- LCH
- lch(63.91 20.41 29.2)
- CMYK
- cmyk(0% 25% 27% 25%)
Teintes · Ombres · Tons
Teintes
- C59A95
- CBA5A0
- D2B0AC
- D9BBB7
- DFC6C3
- E6D1CF
- ECDDDB
- F2E8E7
- F9F3F3
Ombres
- A57C77
- 8C6965
- 755753
- 5E4542
- 483432
- 332422
- 1F1514
- 0D0707
- 020101
Tons
- B88E89
- B28C88
- AC8B87
- A58986
- 9F8885
- 998684
- 938583
- 8D8382
- 868281
Harmonies de couleurs
Complémentaire +180°
- BE8F8A
Grand Sunset
- 71A7AE
≈ Water Cooler
Analogue -30° +30°
- BE8F8A
Grand Sunset
- BB8E9E
≈ Winsome Rose
- B9947A
≈ Cool Clay
Triadique +120° +240°
- BE8F8A
Grand Sunset
- 86A687
≈ Mermaid’s Cove
- 8B9CC1
≈ Lavender Lustre
Complémentaire divisée +150° +210°
- BE8F8A
Grand Sunset
- 76A99B
≈ Twining Vine
- 7AA3BC
≈ Ocean Surf
Tétradique +90° +180° +270°
- BE8F8A
Grand Sunset
- 9AA178
≈ Pine Trail
- 71A7AE
≈ Water Cooler
- 9F96BD
≈ Chive Flower
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.48:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--grand-sunset: #be8f8a;
--grand-sunset-rgb: 190 143 138;
--grand-sunset-oklch: oklch(0.694 0.058 25.6);
}
.element {
color: var(--grand-sunset);
background-color: hsl(6 29% 64%);
border-color: oklch(0.694 0.058 25.6);
}Tailwind CSS v4
@theme {
--color-grand-sunset: #be8f8a;
--color-grand-sunset-50: #ffefec;
--color-grand-sunset-100: #fbe1dd;
--color-grand-sunset-200: #eccbc7;
--color-grand-sunset-300: #d4ada7;
--color-grand-sunset-400: #bf928d;
--color-grand-sunset-500: #a97772;
--color-grand-sunset-600: #8f6561;
--color-grand-sunset-700: #73514d;
--color-grand-sunset-800: #553b39;
--color-grand-sunset-900: #3b2827;
--color-grand-sunset-950: #251615;
}SCSS
$grand-sunset: #be8f8a;
$grand-sunset-rgb: 190, 143, 138;
$grand-sunset-light: mix(#fff, $grand-sunset, 20%);
$grand-sunset-dark: mix(#000, $grand-sunset, 20%);
.element {
color: $grand-sunset;
box-shadow: 0 0 0 2px rgba($grand-sunset, 0.35);
}