Colore con nome · #67B3BE
Sea Serenade
Sea Serenade è #67B3BE: rgb(103 179 190), hsl(188 40% 57%), oklch(0.722 0.077 207.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sea Serenade color name →
#67B3BE
oklch(0.722 0.077 207.6)
Conversioni di colore
- HEX
- #67b3be
- RGB
- rgb(103 179 190)
- HSL
- hsl(188 40% 57%)
- HWB
- hwb(188 40% 25%)
- OKLCH
- oklch(0.722 0.077 207.6)
- OKLab
- oklab(0.722 -0.068 -0.036)
- CIE Lab
- lab(68.35 -22.39 -13.4)
- LCH
- lch(68.35 26.1 210.9)
- CMYK
- cmyk(46% 6% 0% 25%)
Tinte · Ombre · Toni
Tinte
- 78BBC4
- 87C2CB
- 97CAD1
- A6D1D8
- B5D9DE
- C4E1E5
- D3E8EB
- E1F0F2
- F0F7F8
Ombre
- 599BA5
- 4B848C
- 3D6E75
- 30585E
- 234348
- 172F33
- 0C1D1F
- 040C0D
- 000102
Toni
- 6BAEB8
- 6FA9B1
- 72A4AB
- 759FA5
- 77999F
- 7A9498
- 7C8F92
- 7D8A8C
- 7F8586
Armonie di colore
Complementare +180°
- 67B3BE
Sea Serenade
- D1938B
≈ Peach Preserve
Analogo -30° +30°
- 67B3BE
Sea Serenade
- 6DB5A5
≈ Tropic Turquoise
- 76ADD0
≈ Blue Eyes
Triadico +120° +240°
- 67B3BE
Sea Serenade
- C094BE
≈ La la Love
- BAA36C
≈ Horn of Plenty
Complementare divisa +150° +210°
- 67B3BE
Sea Serenade
- CD91A5
≈ Madagascar Pink
- CA9975
≈ Sweet Almond
Tetradico +90° +180° +270°
- 67B3BE
Sea Serenade
- AA9BD0
≈ Biloba Flower
- D1938B
≈ Peach Preserve
- A1AC74
≈ Tarragon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.76:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.76:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-serenade: #67b3be;
--sea-serenade-rgb: 103 179 190;
--sea-serenade-oklch: oklch(0.722 0.077 207.6);
}
.element {
color: var(--sea-serenade);
background-color: hsl(188 40% 57%);
border-color: oklch(0.722 0.077 207.6);
}Tailwind CSS v4
@theme {
--color-sea-serenade: #67b3be;
--color-sea-serenade-50: #ddfcff;
--color-sea-serenade-100: #cbf0f6;
--color-sea-serenade-200: #afdee6;
--color-sea-serenade-300: #89c3cd;
--color-sea-serenade-400: #64acb6;
--color-sea-serenade-500: #3c94a0;
--color-sea-serenade-600: #357e88;
--color-sea-serenade-700: #2a656d;
--color-sea-serenade-800: #1c4a4f;
--color-sea-serenade-900: #133337;
--color-sea-serenade-950: #041f22;
}SCSS
$sea-serenade: #67b3be;
$sea-serenade-rgb: 103, 179, 190;
$sea-serenade-light: mix(#fff, $sea-serenade, 20%);
$sea-serenade-dark: mix(#000, $sea-serenade, 20%);
.element {
color: $sea-serenade;
box-shadow: 0 0 0 2px rgba($sea-serenade, 0.35);
}