Couleur nommée · #BEBF84
Pavilion
Pavilion correspond à #BEBF84 : rgb(190 191 132), hsl(61 32% 63%), oklch(0.79 0.078 108.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Pavilion color name →
#BEBF84
oklch(0.79 0.078 108.9)
Conversions de couleur
- HEX
- #bebf84
- RGB
- rgb(190 191 132)
- HSL
- hsl(61 32% 63%)
- HWB
- hwb(61 52% 25%)
- OKLCH
- oklch(0.79 0.078 108.9)
- OKLab
- oklab(0.79 -0.025 0.074)
- CIE Lab
- lab(76.19 -7.22 29.74)
- LCH
- lch(76.19 30.6 103.6)
- CMYK
- cmyk(1% 0% 31% 25%)
Teintes · Ombres · Tons
Teintes
- C4C590
- CBCC9D
- D1D2A9
- D7D9B5
- DEDFC2
- E4E5CE
- EBECDA
- F2F2E6
- F8F9F3
Ombres
- A5A672
- 8C8D60
- 75754F
- 5E5E3F
- 48482F
- 333320
- 1F1F12
- 0D0D06
- 020201
Tons
- B8B984
- B1B284
- ABAC84
- A5A584
- 9E9F83
- 989983
- 929382
- 8C8C82
- 868681
Harmonies de couleurs
Complémentaire +180°
- BEBF84
Pavilion
- B8B3EA
≈ Purple Sand
Analogue -30° +30°
- BEBF84
Pavilion
- D6B581
≈ Clumsy Caramel
- A1C797
≈ Gingko
Triadique +120° +240°
- BEBF84
Pavilion
- 84C5E3
≈ Club Cruise
- E1A6C2
≈ Think Pink
Complémentaire divisée +150° +210°
- BEBF84
Pavilion
- 9CBCED
≈ Gallery Blue
- D0ABDB
≈ Cherish the Moment
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.97:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--pavilion: #bebf84;
--pavilion-rgb: 190 191 132;
--pavilion-oklch: oklch(0.79 0.078 108.9);
}
.element {
color: var(--pavilion);
background-color: hsl(61 32% 63%);
border-color: oklch(0.79 0.078 108.9);
}Tailwind CSS v4
@theme {
--color-pavilion: #bebf84;
--color-pavilion-50: #f6f8de;
--color-pavilion-100: #e8ebcd;
--color-pavilion-200: #d5d8b2;
--color-pavilion-300: #b9bc8d;
--color-pavilion-400: #a2a36c;
--color-pavilion-500: #8a8a4b;
--color-pavilion-600: #757540;
--color-pavilion-700: #5d5e33;
--color-pavilion-800: #454423;
--color-pavilion-900: #302f17;
--color-pavilion-950: #1c1c08;
}SCSS
$pavilion: #bebf84;
$pavilion-rgb: 190, 191, 132;
$pavilion-light: mix(#fff, $pavilion, 20%);
$pavilion-dark: mix(#000, $pavilion, 20%);
.element {
color: $pavilion;
box-shadow: 0 0 0 2px rgba($pavilion, 0.35);
}