Couleur nommée · #83AFBC
Open Seas
Open Seas correspond à #83AFBC : rgb(131 175 188), hsl(194 30% 63%), oklch(0.727 0.051 217.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Open Seas color name →
#83AFBC
oklch(0.727 0.051 217.9)
Conversions de couleur
- HEX
- #83afbc
- RGB
- rgb(131 175 188)
- HSL
- hsl(194 30% 63%)
- HWB
- hwb(194 51% 26%)
- OKLCH
- oklch(0.727 0.051 217.9)
- OKLab
- oklab(0.727 -0.04 -0.031)
- CIE Lab
- lab(68.63 -12.92 -11.71)
- LCH
- lch(68.63 17.44 222.2)
- CMYK
- cmyk(30% 7% 0% 26%)
Teintes · Ombres · Tons
Teintes
- 8FB7C3
- 9CBFC9
- A8C7D0
- B4CFD7
- C1D7DD
- CDDFE4
- D9E7EB
- E6EFF1
- F2F7F8
Ombres
- 7198A3
- 60818B
- 4F6B73
- 3F565D
- 2F4147
- 202E32
- 121C1F
- 060B0D
- 010102
Tons
- 83AAB6
- 83A5B0
- 83A1AA
- 839CA4
- 83979E
- 829398
- 828E92
- 81898C
- 818586
Harmonies de couleurs
Complémentaire +180°
- 83AFBC
Open Seas
- C49C90
≈ Mahogany Rose
Analogue -30° +30°
- 83AFBC
Open Seas
- 82B1AC
≈ Silicate Green
- 8EAAC6
≈ Bachelor Blue
Triadique +120° +240°
- 83AFBC
Open Seas
- BD9BB2
≈ Fiddlesticks
- AFA883
≈ Green Grey Mist
Complémentaire divisée +150° +210°
- 83AFBC
Open Seas
- C49AA1
≈ Rose Meadow
- BDA185
≈ Basketry
Tétradique +90° +180° +270°
- 83AFBC
Open Seas
- AF9FC0
≈ Iris Blossom
- C49C90
≈ Mahogany Rose
- 9EAD8B
≈ Cardoon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.38:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.82:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--open-seas: #83afbc;
--open-seas-rgb: 131 175 188;
--open-seas-oklch: oklch(0.727 0.051 217.9);
}
.element {
color: var(--open-seas);
background-color: hsl(194 30% 63%);
border-color: oklch(0.727 0.051 217.9);
}Tailwind CSS v4
@theme {
--color-open-seas: #83afbc;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf4;
--color-open-seas-200: #bddae3;
--color-open-seas-300: #9cbec9;
--color-open-seas-400: #7da6b2;
--color-open-seas-500: #5f8f9d;
--color-open-seas-600: #517984;
--color-open-seas-700: #40616a;
--color-open-seas-800: #2e474e;
--color-open-seas-900: #1f3136;
--color-open-seas-950: #0e1d21;
}SCSS
$open-seas: #83afbc;
$open-seas-rgb: 131, 175, 188;
$open-seas-light: mix(#fff, $open-seas, 20%);
$open-seas-dark: mix(#000, $open-seas, 20%);
.element {
color: $open-seas;
box-shadow: 0 0 0 2px rgba($open-seas, 0.35);
}