Colore con nome · #66A9B1
Summer Sea
Summer Sea è #66A9B1: rgb(102 169 177), hsl(186 32% 55%), oklch(0.693 0.069 205.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Summer Sea color name →
#66A9B1
oklch(0.693 0.069 205.5)
Conversioni di colore
- HEX
- #66a9b1
- RGB
- rgb(102 169 177)
- HSL
- hsl(186 32% 55%)
- HWB
- hwb(186 40% 31%)
- OKLCH
- oklch(0.693 0.069 205.5)
- OKLab
- oklab(0.693 -0.062 -0.03)
- CIE Lab
- lab(65.01 -20.62 -11.21)
- LCH
- lch(65.01 23.47 208.5)
- CMYK
- cmyk(42% 5% 0% 31%)
Tinte · Ombre · Toni
Tinte
- 76B1B9
- 86BAC0
- 95C2C8
- A4CBD0
- B4D4D8
- C3DCDF
- D2E5E7
- E1EEEF
- F0F6F7
Ombre
- 589299
- 4A7C83
- 3C676C
- 2F5357
- 233F42
- 172C2F
- 0C1B1C
- 040A0C
- 000101
Toni
- 6AA5AC
- 6DA1A7
- 719DA2
- 73999D
- 769598
- 789093
- 7B8C8F
- 7D888A
- 7E8485
Armonie di colore
Complementare +180°
- 66A9B1
Summer Sea
- C48C86
≈ Grand Sunset
Analogo -30° +30°
- 66A9B1
Summer Sea
- 6DAB9A
≈ Acapulco
- 72A4C2
≈ Wandering River
Triadico +120° +240°
- 66A9B1
Summer Sea
- B38EB4
≈ Metal Petal
- B09A6A
≈ Veranda Gold
Complementare divisa +150° +210°
- 66A9B1
Summer Sea
- C08B9E
≈ Winsome Rose
- BE9173
≈ Presidio Plaza
Tetradico +90° +180° +270°
- 66A9B1
Summer Sea
- 9F94C3
≈ Vision Quest
- C48C86
≈ Grand Sunset
- 9AA270
≈ Cucuzza Verde
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--summer-sea: #66a9b1;
--summer-sea-rgb: 102 169 177;
--summer-sea-oklch: oklch(0.693 0.069 205.5);
}
.element {
color: var(--summer-sea);
background-color: hsl(186 32% 55%);
border-color: oklch(0.693 0.069 205.5);
}Tailwind CSS v4
@theme {
--color-summer-sea: #66a9b1;
--color-summer-sea-50: #dffbff;
--color-summer-sea-100: #ceeff4;
--color-summer-sea-200: #b3dde3;
--color-summer-sea-300: #8ec2ca;
--color-summer-sea-400: #6cabb2;
--color-summer-sea-500: #47939c;
--color-summer-sea-600: #3e7d84;
--color-summer-sea-700: #31646a;
--color-summer-sea-800: #22494d;
--color-summer-sea-900: #173336;
--color-summer-sea-950: #071f21;
}SCSS
$summer-sea: #66a9b1;
$summer-sea-rgb: 102, 169, 177;
$summer-sea-light: mix(#fff, $summer-sea, 20%);
$summer-sea-dark: mix(#000, $summer-sea, 20%);
.element {
color: $summer-sea;
box-shadow: 0 0 0 2px rgba($summer-sea, 0.35);
}