Couleur nommée la plus proche · #82AFBE
#82AFBE
Couleur nommée la plus proche: Open Seas
#82AFBE (rgb(130 175 190), hsl(195 32% 63%), oklch(0.727 0.053 220.4)) est la plus proche de la couleur nommée Open Seas. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#82AFBE
oklch(0.727 0.053 220.4)
Conversions de couleur
- HEX
- #82afbe
- RGB
- rgb(130 175 190)
- HSL
- hsl(195 32% 63%)
- HWB
- hwb(195 51% 25%)
- OKLCH
- oklch(0.727 0.053 220.4)
- OKLab
- oklab(0.727 -0.04 -0.034)
- CIE Lab
- lab(68.62 -12.86 -12.83)
- LCH
- lch(68.62 18.16 224.9)
- CMYK
- cmyk(32% 8% 0% 25%)
Teintes · Ombres · Tons
Teintes
- 8EB7C4
- 9BBFCB
- A7C7D1
- B4CFD8
- C0D7DE
- CDDFE5
- D9E7EB
- E6EFF2
- F2F7F8
Ombres
- 7098A5
- 5F818C
- 4E6B75
- 3E565E
- 2F4148
- 202E33
- 121C1F
- 060B0D
- 010102
Tons
- 82AAB8
- 82A6B1
- 82A1AB
- 829CA5
- 82979F
- 829398
- 828E92
- 81898C
- 818586
Harmonies de couleurs
Complémentaire +180°
- 82AFBE
Open Seas
- C59C8E
≈ Mahogany Rose
Analogue -30° +30°
- 82AFBE
Open Seas
- 80B2AE
≈ Cold Front Green
- 8EAAC7
≈ Bachelor Blue
Triadique +120° +240°
- 82AFBE
Open Seas
- BE9AB1
≈ Cherished
- AEA882
≈ Green Grey Mist
Complémentaire divisée +150° +210°
- 82AFBE
Open Seas
- C59A9F
≈ Rose Meadow
- BCA283
≈ Basketry
Tétradique +90° +180° +270°
- 82AFBE
Open Seas
- B19EC0
≈ Iris Blossom
- C59C8E
≈ Mahogany Rose
- 9CAE8B
≈ Cardoon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.37: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: #82afbe;
--open-seas-rgb: 130 175 190;
--open-seas-oklch: oklch(0.727 0.053 220.4);
}
.element {
color: var(--open-seas);
background-color: hsl(195 32% 63%);
border-color: oklch(0.727 0.053 220.4);
}Tailwind CSS v4
@theme {
--color-open-seas: #82afbe;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf5;
--color-open-seas-200: #bddae5;
--color-open-seas-300: #9bbecb;
--color-open-seas-400: #7ca6b4;
--color-open-seas-500: #5e8f9f;
--color-open-seas-600: #507986;
--color-open-seas-700: #3f616b;
--color-open-seas-800: #2d474f;
--color-open-seas-900: #1e3137;
--color-open-seas-950: #0e1d22;
}SCSS
$open-seas: #82afbe;
$open-seas-rgb: 130, 175, 190;
$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);
}