Colore con nome · #8A8EC9
Bailey Bells
Bailey Bells è #8A8EC9: rgb(138 142 201), hsl(236 37% 66%), oklch(0.666 0.087 280.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Bailey Bells color name →
#8A8EC9
oklch(0.666 0.087 280.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9599CF
- A0A4D4
- ABAFDA
- B7BAE0
- C2C6E5
- CED1EA
- DADCF0
- E6E8F5
- F3F3FA
Ombre
- 777BAE
- 656895
- 53567C
- 424464
- 32344C
- 222436
- 141522
- 07070F
- 010102
Toni
- 898DC2
- 888CBA
- 878AB3
- 8689AC
- 8588A5
- 84869D
- 838596
- 82838F
- 818287
Armonie di colore
Complementare +180°
- 8A8EC9
Bailey Bells
- A09654
≈ Backroom Ember
Analogo -30° +30°
- 8A8EC9
Bailey Bells
- 6B98C8
≈ Windstorm
- A585BC
≈ Lilac Purple
Triadico +120° +240°
- 8A8EC9
Bailey Bells
- C2826A
≈ Earthworm
- 61A582
≈ Plumosa
Complementare divisa +150° +210°
- 8A8EC9
Bailey Bells
- B68B56
≈ Breadstick
- 819F66
≈ Green Sky
Tetradico +90° +180° +270°
- 8A8EC9
Bailey Bells
- C37D87
≈ Enamoured
- A09654
≈ Backroom Ember
- 49A5A1
≈ Twilight Meadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.09:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.79:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
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);
}