Couleur nommée la plus proche · #98BAC3
#98BAC3
Couleur nommée la plus proche: Shallow Sea
#98BAC3 (rgb(152 186 195), hsl(193 26% 68%), oklch(0.767 0.039 215.6)) est la plus proche de la couleur nommée Shallow Sea. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#98BAC3
oklch(0.767 0.039 215.6)
Conversions de couleur
- HEX
- #98bac3
- RGB
- rgb(152 186 195)
- HSL
- hsl(193 26% 68%)
- HWB
- hwb(193 60% 24%)
- OKLCH
- oklch(0.767 0.039 215.6)
- OKLab
- oklab(0.767 -0.032 -0.023)
- CIE Lab
- lab(73.22 -10.38 -8.58)
- LCH
- lch(73.22 13.47 219.6)
- CMYK
- cmyk(22% 5% 0% 24%)
Teintes · Ombres · Tons
Teintes
- A2C1C9
- ACC8CF
- B7CED5
- C1D5DB
- CBDCE1
- D5E3E7
- E0EAED
- EAF1F3
- F5F8F9
Ombres
- 84A1A9
- 708990
- 5C7278
- 4A5C60
- 38464A
- 273234
- 171E20
- 080D0E
- 010202
Tons
- 96B4BC
- 93AEB5
- 91A8AE
- 8FA2A8
- 8C9DA1
- 8A979A
- 889194
- 858B8D
- 838686
Harmonies de couleurs
Complémentaire +180°
- 98BAC3
Shallow Sea
- CBABA3
≈ Art Deco Pink
Analogue -30° +30°
- 98BAC3
Shallow Sea
- 98BCB7
≈ Lap Pool Blue
- A0B6CB
≈ Morris Blue
Triadique +120° +240°
- 98BAC3
Shallow Sea
- C4AABD
≈ Monet Magic
- BAB498
≈ Flour Sack
Complémentaire divisée +150° +210°
- 98BAC3
Shallow Sea
- CAA9AF
≈ Dutchess Dawn
- C5AF9A
≈ Renwick Beige
Tétradique +90° +180° +270°
- 98BAC3
Shallow Sea
- B9ADC7
≈ Fancy Pansy
- CBABA3
≈ Art Deco Pink
- ADB89D
≈ Winter Squash
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.06:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.14:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
CSS
:root {
--shallow-sea: #98bac3;
--shallow-sea-rgb: 152 186 195;
--shallow-sea-oklch: oklch(0.767 0.039 215.6);
}
.element {
color: var(--shallow-sea);
background-color: hsl(193 26% 68%);
border-color: oklch(0.767 0.039 215.6);
}Tailwind CSS v4
@theme {
--color-shallow-sea: #98bac3;
--color-shallow-sea-50: #eaf8fd;
--color-shallow-sea-100: #daebf0;
--color-shallow-sea-200: #c3d9df;
--color-shallow-sea-300: #a2bdc5;
--color-shallow-sea-400: #85a5ad;
--color-shallow-sea-500: #698d97;
--color-shallow-sea-600: #59777f;
--color-shallow-sea-700: #476066;
--color-shallow-sea-800: #33464b;
--color-shallow-sea-900: #233034;
--color-shallow-sea-950: #121d1f;
}SCSS
$shallow-sea: #98bac3;
$shallow-sea-rgb: 152, 186, 195;
$shallow-sea-light: mix(#fff, $shallow-sea, 20%);
$shallow-sea-dark: mix(#000, $shallow-sea, 20%);
.element {
color: $shallow-sea;
box-shadow: 0 0 0 2px rgba($shallow-sea, 0.35);
}