Color con nombre · #8A8EC9
Bailey Bells
Bailey Bells es #8A8EC9: rgb(138 142 201), hsl(236 37% 66%), oklch(0.666 0.087 280.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Bailey Bells color name →
#8A8EC9
oklch(0.666 0.087 280.7)
Conversiones de color
- HEX
- #8a8ec9
- RGB
- rgb(138 142 201)
- HSL
- hsl(236 37% 66%)
- HWB
- hwb(236 54% 21%)
- OKLCH
- oklch(0.666 0.087 280.7)
- OKLab
- oklab(0.666 0.016 -0.086)
- CIE Lab
- lab(60.42 8.88 -31.28)
- LCH
- lch(60.42 32.51 285.9)
- CMYK
- cmyk(31% 29% 0% 21%)
Tintes · Sombras · Tonos
Tintes
- 9599CF
- A0A4D4
- ABAFDA
- B7BAE0
- C2C6E5
- CED1EA
- DADCF0
- E6E8F5
- F3F3FA
Sombras
- 777BAE
- 656895
- 53567C
- 424464
- 32344C
- 222436
- 141522
- 07070F
- 010102
Tonos
- 898DC2
- 888CBA
- 878AB3
- 8689AC
- 8588A5
- 84869D
- 838596
- 82838F
- 818287
Armonías de color
Complementario +180°
- 8A8EC9
Bailey Bells
- A09654
≈ Backroom Ember
Análogo -30° +30°
- 8A8EC9
Bailey Bells
- 6B98C8
≈ Windstorm
- A585BC
≈ Lilac Purple
Triádico +120° +240°
- 8A8EC9
Bailey Bells
- C2826A
≈ Earthworm
- 61A582
≈ Plumosa
Complementario dividido +150° +210°
- 8A8EC9
Bailey Bells
- B68B56
≈ Breadstick
- 819F66
≈ Green Sky
Tetrádico +90° +180° +270°
- 8A8EC9
Bailey Bells
- C37D87
≈ Enamoured
- A09654
≈ Backroom Ember
- 49A5A1
≈ Twilight Meadow
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.09:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.79:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--bailey-bells: #8a8ec9;
--bailey-bells-rgb: 138 142 201;
--bailey-bells-oklch: oklch(0.666 0.087 280.7);
}
.element {
color: var(--bailey-bells);
background-color: hsl(236 37% 66%);
border-color: oklch(0.666 0.087 280.7);
}Tailwind CSS v4
@theme {
--color-bailey-bells: #8a8ec9;
--color-bailey-bells-50: #f1f3ff;
--color-bailey-bells-100: #e3e5ff;
--color-bailey-bells-200: #ced0f9;
--color-bailey-bells-300: #b0b2e4;
--color-bailey-bells-400: #9599d1;
--color-bailey-bells-500: #7c7fbf;
--color-bailey-bells-600: #696ca1;
--color-bailey-bells-700: #545681;
--color-bailey-bells-800: #3c3f60;
--color-bailey-bells-900: #292b44;
--color-bailey-bells-950: #17192c;
}SCSS
$bailey-bells: #8a8ec9;
$bailey-bells-rgb: 138, 142, 201;
$bailey-bells-light: mix(#fff, $bailey-bells, 20%);
$bailey-bells-dark: mix(#000, $bailey-bells, 20%);
.element {
color: $bailey-bells;
box-shadow: 0 0 0 2px rgba($bailey-bells, 0.35);
}