Couleur nommée · #EBCFAA
Sheriff
Sheriff correspond à #EBCFAA : rgb(235 207 170), hsl(34 62% 79%), oklch(0.869 0.058 74.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Sheriff color name →
#EBCFAA
oklch(0.869 0.058 74.6)
Conversions de couleur
- HEX
- #ebcfaa
- RGB
- rgb(235 207 170)
- HSL
- hsl(34 62% 79%)
- HWB
- hwb(34 67% 8%)
- OKLCH
- oklch(0.869 0.058 74.6)
- OKLab
- oklab(0.869 0.015 0.056)
- CIE Lab
- lab(84.82 6.1 22.25)
- LCH
- lch(84.82 23.07 74.7)
- CMYK
- cmyk(0% 12% 28% 8%)
Teintes · Ombres · Tons
Teintes
- EDD4B3
- EFD9BB
- F1DDC4
- F3E2CC
- F5E7D4
- F7ECDD
- F9F1E5
- FBF5EE
- FDFAF6
Ombres
- CCB493
- AE997D
- 917F68
- 756753
- 5B4F3F
- 41382D
- 29231B
- 13100B
- 030201
Tons
- E0C7A6
- D5BFA2
- CAB79E
- BFAF9A
- B4A795
- AA9F91
- 9F978D
- 958F89
- 8A8884
Harmonies de couleurs
Complémentaire +180°
- EBCFAA
Sheriff
- BAD6FA
≈ Oh Boy!
Analogue -30° +30°
- EBCFAA
Sheriff
- F6C9B5
≈ Bellini
- D9D7AB
≈ Mǐ Bái Beige
Triadique +120° +240°
- EBCFAA
Sheriff
- A7E0DF
≈ Blue Light
- E2C9EF
≈ Prom Corsage
Complémentaire divisée +150° +210°
- EBCFAA
Sheriff
- ABDDF1
≈ Van Gogh Blue
- CFCFFA
≈ Lavender Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.49:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.03:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--sheriff: #ebcfaa;
--sheriff-rgb: 235 207 170;
--sheriff-oklch: oklch(0.869 0.058 74.6);
}
.element {
color: var(--sheriff);
background-color: hsl(34 62% 79%);
border-color: oklch(0.869 0.058 74.6);
}Tailwind CSS v4
@theme {
--color-sheriff: #ebcfaa;
--color-sheriff-50: #fff3e3;
--color-sheriff-100: #f3e6d3;
--color-sheriff-200: #e3d2b9;
--color-sheriff-300: #c9b497;
--color-sheriff-400: #b39a78;
--color-sheriff-500: #9d815a;
--color-sheriff-600: #856d4d;
--color-sheriff-700: #6a573d;
--color-sheriff-800: #4f3f2c;
--color-sheriff-900: #372c1d;
--color-sheriff-950: #22190d;
}SCSS
$sheriff: #ebcfaa;
$sheriff-rgb: 235, 207, 170;
$sheriff-light: mix(#fff, $sheriff, 20%);
$sheriff-dark: mix(#000, $sheriff, 20%);
.element {
color: $sheriff;
box-shadow: 0 0 0 2px rgba($sheriff, 0.35);
}