Colore con nome · #66C3D0
Arctic Ocean
Arctic Ocean è #66C3D0: rgb(102 195 208), hsl(187 53% 61%), oklch(0.765 0.09 207.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Arctic Ocean color name →
#66C3D0
oklch(0.765 0.09 207.4)
Conversioni di colore
- HEX
- #66c3d0
- RGB
- rgb(102 195 208)
- HSL
- hsl(187 53% 61%)
- HWB
- hwb(187 40% 18%)
- OKLCH
- oklch(0.765 0.09 207.4)
- OKLab
- oklab(0.765 -0.08 -0.041)
- CIE Lab
- lab(73.48 -26.22 -15.56)
- LCH
- lch(73.48 30.48 210.7)
- CMYK
- cmyk(51% 6% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 78C9D5
- 88CFD9
- 98D5DE
- A8DBE3
- B7E1E8
- C5E7EC
- D4EDF1
- E2F3F6
- F1F9FA
Ombre
- 58A9B5
- 4A909A
- 3C7880
- 2F6067
- 234A4F
- 173439
- 0C2023
- 040E10
- 000202
Toni
- 6BBCC8
- 6FB5C0
- 73AFB7
- 76A8AF
- 79A1A7
- 7B9B9F
- 7D9497
- 7E8D90
- 7F8788
Armonie di colore
Complementare +180°
- 66C3D0
Arctic Ocean
- E79D93
≈ Coral Almond
Analogo -30° +30°
- 66C3D0
Arctic Ocean
- 6EC6B2
≈ Shockwave
- 79BBE5
≈ Costa Rica Blue
Triadico +120° +240°
- 66C3D0
Arctic Ocean
- D29FD0
≈ Velvet Horizon
- CBAF6E
≈ Putty
Complementare divisa +150° +210°
- 66C3D0
Arctic Ocean
- E29BB3
≈ Passion Potion
- DFA479
≈ Peach Ice Cream
Tetradico +90° +180° +270°
- 66C3D0
Arctic Ocean
- B9A7E5
≈ Enchanted Lavender
- E79D93
≈ Coral Almond
- AEBB78
≈ Green Curry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.28:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--arctic-ocean: #66c3d0;
--arctic-ocean-rgb: 102 195 208;
--arctic-ocean-oklch: oklch(0.765 0.09 207.4);
}
.element {
color: var(--arctic-ocean);
background-color: hsl(187 53% 61%);
border-color: oklch(0.765 0.09 207.4);
}Tailwind CSS v4
@theme {
--color-arctic-ocean: #66c3d0;
--color-arctic-ocean-50: #d9fdff;
--color-arctic-ocean-100: #c6f1f8;
--color-arctic-ocean-200: #a8e0e9;
--color-arctic-ocean-300: #7fc5d0;
--color-arctic-ocean-400: #56aeba;
--color-arctic-ocean-500: #2197a5;
--color-arctic-ocean-600: #207f8b;
--color-arctic-ocean-700: #1a6670;
--color-arctic-ocean-800: #104b51;
--color-arctic-ocean-900: #0a3439;
--color-arctic-ocean-950: #001f23;
}SCSS
$arctic-ocean: #66c3d0;
$arctic-ocean-rgb: 102, 195, 208;
$arctic-ocean-light: mix(#fff, $arctic-ocean, 20%);
$arctic-ocean-dark: mix(#000, $arctic-ocean, 20%);
.element {
color: $arctic-ocean;
box-shadow: 0 0 0 2px rgba($arctic-ocean, 0.35);
}