Colore con nome · #95BCC5
Squirt
Squirt è #95BCC5: rgb(149 188 197), hsl(191 29% 68%), oklch(0.77 0.044 213.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Squirt color name →
#95BCC5
oklch(0.77 0.044 213.3)
Conversioni di colore
- HEX
- #95bcc5
- RGB
- rgb(149 188 197)
- HSL
- hsl(191 29% 68%)
- HWB
- hwb(191 58% 23%)
- OKLCH
- oklch(0.77 0.044 213.3)
- OKLab
- oklab(0.77 -0.036 -0.024)
- CIE Lab
- lab(73.63 -11.99 -9.09)
- LCH
- lch(73.63 15.04 217.2)
- CMYK
- cmyk(24% 5% 0% 23%)
Tinte · Ombre · Toni
Tinte
- A0C3CB
- AAC9D0
- B5D0D6
- BFD7DC
- CADDE2
- D4E4E8
- DFEBED
- EAF1F3
- F4F8F9
Ombre
- 81A3AB
- 6D8B92
- 5A7379
- 485D61
- 37474B
- 263235
- 161F21
- 080D0E
- 010202
Toni
- 93B6BE
- 91B0B7
- 8FAAB0
- 8DA4A9
- 8B9EA2
- 89989B
- 879294
- 858C8D
- 828687
Armonie di colore
Complementare +180°
- 95BCC5
Squirt
- CEABA2
≈ Art Deco Pink
Analogo -30° +30°
- 95BCC5
Squirt
- 96BEB7
≈ Envisage
- 9DB8CE
≈ Morris Blue
Triadico +120° +240°
- 95BCC5
Squirt
- C6AAC0
≈ Linnea Blossom
- BDB495
≈ Easy
Complementare divisa +150° +210°
- 95BCC5
Squirt
- CDA9B1
≈ Sugarplum Dance
- C9AF98
≈ Toasted Wheat
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.27:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--squirt: #95bcc5;
--squirt-rgb: 149 188 197;
--squirt-oklch: oklch(0.77 0.044 213.3);
}
.element {
color: var(--squirt);
background-color: hsl(191 29% 68%);
border-color: oklch(0.77 0.044 213.3);
}Tailwind CSS v4
@theme {
--color-squirt: #95bcc5;
--color-squirt-50: #e8f9fd;
--color-squirt-100: #d8ecf1;
--color-squirt-200: #c0d9e0;
--color-squirt-300: #9fbec6;
--color-squirt-400: #81a6ae;
--color-squirt-500: #648e98;
--color-squirt-600: #557880;
--color-squirt-700: #446067;
--color-squirt-800: #31474b;
--color-squirt-900: #213134;
--color-squirt-950: #101d20;
}SCSS
$squirt: #95bcc5;
$squirt-rgb: 149, 188, 197;
$squirt-light: mix(#fff, $squirt, 20%);
$squirt-dark: mix(#000, $squirt, 20%);
.element {
color: $squirt;
box-shadow: 0 0 0 2px rgba($squirt, 0.35);
}