Colore con nome · #91A8D0
Serenity
Serenity è #91A8D0: rgb(145 168 208), hsl(218 40% 69%), oklch(0.728 0.064 261.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Serenity color name →
#91A8D0
oklch(0.728 0.064 261.4)
Conversioni di colore
- HEX
- #91a8d0
- RGB
- rgb(145 168 208)
- HSL
- hsl(218 40% 69%)
- HWB
- hwb(218 57% 18%)
- OKLCH
- oklch(0.728 0.064 261.4)
- OKLab
- oklab(0.728 -0.01 -0.063)
- CIE Lab
- lab(68.16 -1.24 -23.27)
- LCH
- lch(68.16 23.3 266.9)
- CMYK
- cmyk(30% 19% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 9CB1D5
- A6B9DA
- B1C2DE
- BCCAE3
- C7D3E8
- D2DCED
- DDE4F1
- E8EDF6
- F4F6FA
Ombre
- 7D92B5
- 6A7C9A
- 586780
- 465267
- 353F4F
- 252C39
- 151A23
- 070A10
- 010102
Toni
- 8FA4C8
- 8EA0C0
- 8C9CB8
- 8A98B0
- 8994A8
- 8790A0
- 858C98
- 848890
- 828488
Armonie di colore
Complementare +180°
- 91A8D0
Serenity
- BCA479
≈ Hemp Rope
Analogo -30° +30°
- 91A8D0
Serenity
- 7EAFC8
≈ Soul Blue
- A7A1CD
≈ Imperial Lilac
Triadico +120° +240°
- 91A8D0
Serenity
- CC9896
≈ Silk Stone
- 91B28C
≈ Foliage
Complementare divisa +150° +210°
- 91A8D0
Serenity
- C89C83
≈ Desert Carnation
- A8AC7D
≈ Stuffed Olive
Tetradico +90° +180° +270°
- 91A8D0
Serenity
- C797AC
≈ Rosebay
- BCA479
≈ Hemp Rope
- 7EB5A2
≈ Key Largo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.71:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--serenity: #91a8d0;
--serenity-rgb: 145 168 208;
--serenity-oklch: oklch(0.728 0.064 261.4);
}
.element {
color: var(--serenity);
background-color: hsl(218 40% 69%);
border-color: oklch(0.728 0.064 261.4);
}Tailwind CSS v4
@theme {
--color-serenity: #91a8d0;
--color-serenity-50: #ecf6ff;
--color-serenity-100: #dde8fe;
--color-serenity-200: #c6d5f0;
--color-serenity-300: #a7b8d9;
--color-serenity-400: #8a9fc5;
--color-serenity-500: #6f87b1;
--color-serenity-600: #5e7295;
--color-serenity-700: #4b5b78;
--color-serenity-800: #354359;
--color-serenity-900: #242e3e;
--color-serenity-950: #131b27;
}SCSS
$serenity: #91a8d0;
$serenity-rgb: 145, 168, 208;
$serenity-light: mix(#fff, $serenity, 20%);
$serenity-dark: mix(#000, $serenity, 20%);
.element {
color: $serenity;
box-shadow: 0 0 0 2px rgba($serenity, 0.35);
}