Color con nombre · #BEE8D3
Maypole
Maypole es #BEE8D3: rgb(190 232 211), hsl(150 48% 83%), oklch(0.895 0.052 163.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Maypole color name →
#BEE8D3
oklch(0.895 0.052 163.5)
Conversiones de color
- HEX
- #bee8d3
- RGB
- rgb(190 232 211)
- HSL
- hsl(150 48% 83%)
- HWB
- hwb(150 75% 9%)
- OKLCH
- oklch(0.895 0.052 163.5)
- OKLab
- oklab(0.895 -0.05 0.015)
- CIE Lab
- lab(88.57 -17.21 5.51)
- LCH
- lch(88.57 18.07 162.2)
- CMYK
- cmyk(18% 0% 9% 9%)
Tintes · Sombras · Tonos
Tintes
- C5EAD7
- CBEDDC
- D2EFE0
- D8F1E4
- DFF4E9
- E5F6ED
- ECF8F2
- F2FAF6
- F9FDFB
Sombras
- A5CAB7
- 8CAC9C
- 759082
- 5E7469
- 485951
- 33403A
- 1F2924
- 0D1310
- 020302
Tonos
- B8DDCA
- B2D2C2
- ABC8B9
- A5BDB1
- 9FB3A9
- 99A8A0
- 939E98
- 8C9490
- 868A88
Armonías de color
Complementario +180°
- BEE8D3
Maypole
- F7CFE5
≈ Pink Lily
Análogo -30° +30°
- BEE8D3
Maypole
- CFE5C2
≈ Irish Folklore
- B5E8E6
≈ Tahitian Breeze
Triádico +120° +240°
- BEE8D3
Maypole
- D7D9FF
≈ Icy Plains
- FCD2C1
≈ Petal Soft
Complementario dividido +150° +210°
- BEE8D3
Maypole
- E9D3F6
≈ Lavender Princess
- FDCFD2
≈ Love Fumes
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.67:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--maypole: #bee8d3;
--maypole-rgb: 190 232 211;
--maypole-oklch: oklch(0.895 0.052 163.5);
}
.element {
color: var(--maypole);
background-color: hsl(150 48% 83%);
border-color: oklch(0.895 0.052 163.5);
}Tailwind CSS v4
@theme {
--color-maypole: #bee8d3;
--color-maypole-50: #e8faf2;
--color-maypole-100: #d9eee4;
--color-maypole-200: #c0dccf;
--color-maypole-300: #9fc0b1;
--color-maypole-400: #83a996;
--color-maypole-500: #66917d;
--color-maypole-600: #577b6a;
--color-maypole-700: #456254;
--color-maypole-800: #32483d;
--color-maypole-900: #22322a;
--color-maypole-950: #111e17;
}SCSS
$maypole: #bee8d3;
$maypole-rgb: 190, 232, 211;
$maypole-light: mix(#fff, $maypole, 20%);
$maypole-dark: mix(#000, $maypole, 20%);
.element {
color: $maypole;
box-shadow: 0 0 0 2px rgba($maypole, 0.35);
}