Color con nombre más cercano · #899BB2
#899BB2
Color con nombre más cercano: Monsoon Season
#899BB2 (rgb(137 155 178), hsl(214 21% 62%), oklch(0.683 0.04 254.6)) se parece más al color con nombre Monsoon Season. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#899BB2
oklch(0.683 0.04 254.6)
Conversiones de color
- HEX
- #899bb2
- RGB
- rgb(137 155 178)
- HSL
- hsl(214 21% 62%)
- HWB
- hwb(214 54% 30%)
- OKLCH
- oklch(0.683 0.04 254.6)
- OKLab
- oklab(0.683 -0.011 -0.038)
- CIE Lab
- lab(63.15 -2.72 -14.27)
- LCH
- lch(63.15 14.53 259.2)
- CMYK
- cmyk(23% 13% 0% 30%)
Tintes · Sombras · Tonos
Tintes
- 94A5BA
- A0AEC1
- ABB8C9
- B7C2D0
- C3CCD8
- CED6E0
- DAE0E8
- E6EAEF
- F3F5F7
Sombras
- 76869A
- 647283
- 535E6D
- 424B57
- 313943
- 22282F
- 14181D
- 07090C
- 010101
Tonos
- 8898AD
- 8796A8
- 8693A3
- 86909E
- 858D99
- 848B94
- 83888F
- 82858A
- 818385
Armonías de color
Complementario +180°
- 899BB2
Monsoon Season
- A8967E
≈ Bronco
Análogo -30° +30°
- 899BB2
Monsoon Season
- 7F9FAC
≈ Serene Stream
- 9696B2
≈ Frosty Nightfall
Triádico +120° +240°
- 899BB2
Monsoon Season
- B19091
≈ Deauville Mauve
- 8F9F87
≈ Fresh Sod
Complementario dividido +150° +210°
- 899BB2
Monsoon Season
- AF9285
≈ Coyote Tracks
- 9D9B7F
≈ Fairbank Green
Tetrádico +90° +180° +270°
- 899BB2
Monsoon Season
- AC909F
≈ Mauve Shadows
- A8967E
≈ Bronco
- 83A193
≈ Australian Jade
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.83:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.39:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--monsoon-season: #899bb2;
--monsoon-season-rgb: 137 155 178;
--monsoon-season-oklch: oklch(0.683 0.04 254.6);
}
.element {
color: var(--monsoon-season);
background-color: hsl(214 21% 62%);
border-color: oklch(0.683 0.04 254.6);
}Tailwind CSS v4
@theme {
--color-monsoon-season: #899bb2;
--color-monsoon-season-50: #eef6ff;
--color-monsoon-season-100: #e0e9f5;
--color-monsoon-season-200: #cad5e6;
--color-monsoon-season-300: #abb9cc;
--color-monsoon-season-400: #8fa0b6;
--color-monsoon-season-500: #7588a1;
--color-monsoon-season-600: #637388;
--color-monsoon-season-700: #4f5c6d;
--color-monsoon-season-800: #394350;
--color-monsoon-season-900: #272f38;
--color-monsoon-season-950: #151b22;
}SCSS
$monsoon-season: #899bb2;
$monsoon-season-rgb: 137, 155, 178;
$monsoon-season-light: mix(#fff, $monsoon-season, 20%);
$monsoon-season-dark: mix(#000, $monsoon-season, 20%);
.element {
color: $monsoon-season;
box-shadow: 0 0 0 2px rgba($monsoon-season, 0.35);
}