Color con nombre · #BEBF84
Pavilion
Pavilion es #BEBF84: rgb(190 191 132), hsl(61 32% 63%), oklch(0.79 0.078 108.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Pavilion color name →
#BEBF84
oklch(0.79 0.078 108.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- C4C590
- CBCC9D
- D1D2A9
- D7D9B5
- DEDFC2
- E4E5CE
- EBECDA
- F2F2E6
- F8F9F3
Sombras
- A5A672
- 8C8D60
- 75754F
- 5E5E3F
- 48482F
- 333320
- 1F1F12
- 0D0D06
- 020201
Tonos
- B8B984
- B1B284
- ABAC84
- A5A584
- 9E9F83
- 989983
- 929382
- 8C8C82
- 868681
Armonías de color
Complementario +180°
- BEBF84
Pavilion
- B8B3EA
≈ Purple Sand
Análogo -30° +30°
- BEBF84
Pavilion
- D6B581
≈ Clumsy Caramel
- A1C797
≈ Gingko
Triádico +120° +240°
- BEBF84
Pavilion
- 84C5E3
≈ Club Cruise
- E1A6C2
≈ Think Pink
Complementario dividido +150° +210°
- BEBF84
Pavilion
- 9CBCED
≈ Gallery Blue
- D0ABDB
≈ Cherish the Moment
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.97:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
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);
}