Couleur nommée la plus proche · #84B1CC
#84B1CC
Couleur nommée la plus proche: Serene Sea
#84B1CC (rgb(132 177 204), hsl(203 41% 66%), oklch(0.738 0.062 235.1)) est la plus proche de la couleur nommée Serene Sea. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#84B1CC
oklch(0.738 0.062 235.1)
Conversions de couleur
- HEX
- #84b1cc
- RGB
- rgb(132 177 204)
- HSL
- hsl(203 41% 66%)
- HWB
- hwb(203 52% 20%)
- OKLCH
- oklch(0.738 0.062 235.1)
- OKLab
- oklab(0.738 -0.036 -0.051)
- CIE Lab
- lab(69.69 -10.56 -18.88)
- LCH
- lch(69.69 21.63 240.8)
- CMYK
- cmyk(35% 13% 0% 20%)
Teintes · Ombres · Tons
Teintes
- 90B9D1
- 9DC0D6
- A9C8DB
- B5D0E1
- C1D8E6
- CDDFEB
- DAE7F0
- E6EFF5
- F3F7FA
Ombres
- 7299B1
- 608397
- 4F6C7E
- 3F5765
- 2F424E
- 202F37
- 121C22
- 060C0F
- 010102
Tons
- 84ACC4
- 84A7BC
- 84A2B5
- 849DAD
- 8398A6
- 83949E
- 828F96
- 828A8F
- 818587
Harmonies de couleurs
Complémentaire +180°
- 84B1CC
Serene Sea
- CAA085
≈ Arbol de Tamarindo
Analogue -30° +30°
- 84B1CC
Serene Sea
- 7BB6BD
≈ Aqua Blue
- 97AAD2
≈ Foresight
Triadique +120° +240°
- 84B1CC
Serene Sea
- CB9AAC
≈ Rosebay
- A8AF82
≈ Wall Green
Complémentaire divisée +150° +210°
- 84B1CC
Serene Sea
- CF9B96
≈ Dull Apricot
- BCA87D
≈ Malt Shake
Tétradique +90° +180° +270°
- 84B1CC
Serene Sea
- BF9DC0
≈ Lupine
- CAA085
≈ Arbol de Tamarindo
- 92B592
≈ Mountain Fern
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.29:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.14:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--serene-sea: #84b1cc;
--serene-sea-rgb: 132 177 204;
--serene-sea-oklch: oklch(0.738 0.062 235.1);
}
.element {
color: var(--serene-sea);
background-color: hsl(203 41% 66%);
border-color: oklch(0.738 0.062 235.1);
}Tailwind CSS v4
@theme {
--color-serene-sea: #84b1cc;
--color-serene-sea-50: #e5f8ff;
--color-serene-sea-100: #d5ecfa;
--color-serene-sea-200: #bcd9ec;
--color-serene-sea-300: #9abdd4;
--color-serene-sea-400: #7ba5be;
--color-serene-sea-500: #5c8daa;
--color-serene-sea-600: #4f778f;
--color-serene-sea-700: #3f6073;
--color-serene-sea-800: #2c4654;
--color-serene-sea-900: #1e313b;
--color-serene-sea-950: #0d1d25;
}SCSS
$serene-sea: #84b1cc;
$serene-sea-rgb: 132, 177, 204;
$serene-sea-light: mix(#fff, $serene-sea, 20%);
$serene-sea-dark: mix(#000, $serene-sea, 20%);
.element {
color: $serene-sea;
box-shadow: 0 0 0 2px rgba($serene-sea, 0.35);
}