Colore con nome · #9AD6E5
Oceano
Oceano è #9AD6E5: rgb(154 214 229), hsl(192 59% 75%), oklch(0.84 0.065 214.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Oceano color name →
#9AD6E5
oklch(0.84 0.065 214.9)
Conversioni di colore
- HEX
- #9ad6e5
- RGB
- rgb(154 214 229)
- HSL
- hsl(192 59% 75%)
- HWB
- hwb(192 60% 10%)
- OKLCH
- oklch(0.84 0.065 214.9)
- OKLab
- oklab(0.84 -0.053 -0.037)
- CIE Lab
- lab(81.92 -17.18 -13.91)
- LCH
- lch(81.92 22.1 219)
- CMYK
- cmyk(33% 7% 0% 10%)
Tinte · Ombre · Toni
Tinte
- A5DAE8
- AFDEEA
- B9E2ED
- C3E7F0
- CEEBF2
- D8EFF5
- E1F3F7
- EBF7FA
- F5FBFC
Ombre
- 85BAC7
- 719EAA
- 5E848E
- 4B6A72
- 395258
- 273B3F
- 172528
- 091012
- 010203
Toni
- 98CDDA
- 96C4D0
- 93BCC6
- 91B3BB
- 8FAAB1
- 8CA2A7
- 89999D
- 869193
- 83888A
Armonie di colore
Complementare +180°
- 9AD6E5
Oceano
- F1BCAF
≈ Pale Satin Peach
Analogo -30° +30°
- 9AD6E5
Oceano
- 9BD9D0
≈ In the Shallows
- A8D0F3
≈ Alphabet Blue
Triadico +120° +240°
- 9AD6E5
Oceano
- E6BBDC
≈ Blackberry Yoghurt
- D8CB9B
≈ Tahuna Sands
Complementare divisa +150° +210°
- 9AD6E5
Oceano
- F0BAC5
≈ Pink Grapefruit
- E9C39F
≈ Toasted Coconut
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.12:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--oceano: #9ad6e5;
--oceano-rgb: 154 214 229;
--oceano-oklch: oklch(0.84 0.065 214.9);
}
.element {
color: var(--oceano);
background-color: hsl(192 59% 75%);
border-color: oklch(0.84 0.065 214.9);
}Tailwind CSS v4
@theme {
--color-oceano: #9ad6e5;
--color-oceano-50: #e2faff;
--color-oceano-100: #d1eef6;
--color-oceano-200: #b6dce6;
--color-oceano-300: #92c0cd;
--color-oceano-400: #71a9b6;
--color-oceano-500: #5091a1;
--color-oceano-600: #447b88;
--color-oceano-700: #36626d;
--color-oceano-800: #264850;
--color-oceano-900: #193237;
--color-oceano-950: #0a1e22;
}SCSS
$oceano: #9ad6e5;
$oceano-rgb: 154, 214, 229;
$oceano-light: mix(#fff, $oceano, 20%);
$oceano-dark: mix(#000, $oceano, 20%);
.element {
color: $oceano;
box-shadow: 0 0 0 2px rgba($oceano, 0.35);
}