Colore con nome · #93C5DD
Caribbean Coast
Caribbean Coast è #93C5DD: rgb(147 197 221), hsl(199 52% 72%), oklch(0.797 0.062 229.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Caribbean Coast color name →
#93C5DD
oklch(0.797 0.062 229.1)
Conversioni di colore
- HEX
- #93c5dd
- RGB
- rgb(147 197 221)
- HSL
- hsl(199 52% 72%)
- HWB
- hwb(199 58% 13%)
- OKLCH
- oklch(0.797 0.062 229.1)
- OKLab
- oklab(0.797 -0.041 -0.047)
- CIE Lab
- lab(76.62 -12.63 -17.59)
- LCH
- lch(76.62 21.65 234.3)
- CMYK
- cmyk(33% 11% 0% 13%)
Tinte · Ombre · Toni
Tinte
- 9ECBE0
- A9D1E4
- B4D6E7
- BFDCEB
- C9E2EE
- D4E8F2
- DFEEF5
- E9F3F8
- F4F9FC
Ombre
- 7FABC0
- 6C92A4
- 597988
- 47616E
- 364B55
- 25353D
- 162126
- 080E11
- 010202
Toni
- 92BED3
- 90B7CA
- 8EB0C0
- 8DA9B7
- 8BA2AE
- 899BA4
- 87949B
- 858E92
- 828789
Armonie di colore
Complementare +180°
- 93C5DD
Caribbean Coast
- DFB19A
≈ Pink Sand
Analogo -30° +30°
- 93C5DD
Caribbean Coast
- 8CC9CC
≈ Embellished Blue
- A5BEE5
≈ Blue Lips
Triadico +120° +240°
- 93C5DD
Caribbean Coast
- DCADC3
≈ Roseate Spoonbill
- BFC092
≈ Brimstone Butterfly
Complementare divisa +150° +210°
- 93C5DD
Caribbean Coast
- E2ADAD
≈ Grim Pink
- D3B990
≈ Creamy Nougat
Tetradico +90° +180° +270°
- 93C5DD
Caribbean Coast
- CEB0D7
≈ Sea Lavender
- DFB19A
≈ Pink Sand
- A9C7A1
≈ French Market
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.27:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--caribbean-coast: #93c5dd;
--caribbean-coast-rgb: 147 197 221;
--caribbean-coast-oklch: oklch(0.797 0.062 229.1);
}
.element {
color: var(--caribbean-coast);
background-color: hsl(199 52% 72%);
border-color: oklch(0.797 0.062 229.1);
}Tailwind CSS v4
@theme {
--color-caribbean-coast: #93c5dd;
--color-caribbean-coast-50: #e4f9ff;
--color-caribbean-coast-100: #d4ecf9;
--color-caribbean-coast-200: #badaea;
--color-caribbean-coast-300: #98bed2;
--color-caribbean-coast-400: #78a6bc;
--color-caribbean-coast-500: #588ea7;
--color-caribbean-coast-600: #4b788d;
--color-caribbean-coast-700: #3c6071;
--color-caribbean-coast-800: #2a4753;
--color-caribbean-coast-900: #1c313a;
--color-caribbean-coast-950: #0c1d24;
}SCSS
$caribbean-coast: #93c5dd;
$caribbean-coast-rgb: 147, 197, 221;
$caribbean-coast-light: mix(#fff, $caribbean-coast, 20%);
$caribbean-coast-dark: mix(#000, $caribbean-coast, 20%);
.element {
color: $caribbean-coast;
box-shadow: 0 0 0 2px rgba($caribbean-coast, 0.35);
}