Color con nombre más cercano · #91C8D0
#91C8D0
Color con nombre más cercano: Cerulean Skies
#91C8D0 (rgb(145 200 208), hsl(188 40% 69%), oklch(0.797 0.058 207.3)) se parece más al color con nombre Cerulean Skies. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#91C8D0
oklch(0.797 0.058 207.3)
Conversiones de color
- HEX
- #91c8d0
- RGB
- rgb(145 200 208)
- HSL
- hsl(188 40% 69%)
- HWB
- hwb(188 57% 18%)
- OKLCH
- oklch(0.797 0.058 207.3)
- OKLab
- oklab(0.797 -0.051 -0.027)
- CIE Lab
- lab(77 -17.04 -10.07)
- LCH
- lch(77 19.8 210.6)
- CMYK
- cmyk(30% 4% 0% 18%)
Tintes · Sombras · Tonos
Tintes
- 9CCDD5
- A8D3D9
- B3D8DE
- BEDEE3
- C9E3E7
- D3E9EC
- DEEEF1
- E9F4F6
- F4F9FA
Sombras
- 7DAEB5
- 6A949A
- 587B80
- 466367
- 354C4F
- 253639
- 152123
- 070F10
- 010202
Tonos
- 90C1C8
- 8FB9BF
- 8DB2B7
- 8CABAF
- 8AA3A7
- 889C9F
- 869597
- 848E8F
- 828788
Armonías de color
Complementario +180°
- 91C8D0
Cerulean Skies
- E0AFA9
≈ Mesa Pink
Análogo -30° +30°
- 91C8D0
Cerulean Skies
- 95CABC
≈ Beach Breeze
- 9AC3DE
≈ Charismatic Sky
Triádico +120° +240°
- 91C8D0
Cerulean Skies
- D2B0D0
≈ Lavender Knoll
- CDBB93
≈ Balsa Stone
Complementario dividido +150° +210°
- 91C8D0
Cerulean Skies
- DDAEBD
≈ Apple Infusion
- DAB499
≈ Sunset Cove
Tetrádico +90° +180° +270°
- 91C8D0
Cerulean Skies
- C1B6DE
≈ Melrose
- E0AFA9
≈ Mesa Pink
- BAC298
≈ Beige and Sage
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.37:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.37:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--cerulean-skies: #91c8d0;
--cerulean-skies-rgb: 145 200 208;
--cerulean-skies-oklch: oklch(0.797 0.058 207.3);
}
.element {
color: var(--cerulean-skies);
background-color: hsl(188 40% 69%);
border-color: oklch(0.797 0.058 207.3);
}Tailwind CSS v4
@theme {
--color-cerulean-skies: #91c8d0;
--color-cerulean-skies-50: #e3fafe;
--color-cerulean-skies-100: #d3eef2;
--color-cerulean-skies-200: #b9dce2;
--color-cerulean-skies-300: #96c0c7;
--color-cerulean-skies-400: #75a9b0;
--color-cerulean-skies-500: #55919a;
--color-cerulean-skies-600: #497b82;
--color-cerulean-skies-700: #3a6268;
--color-cerulean-skies-800: #29484c;
--color-cerulean-skies-900: #1b3235;
--color-cerulean-skies-950: #0b1e20;
}SCSS
$cerulean-skies: #91c8d0;
$cerulean-skies-rgb: 145, 200, 208;
$cerulean-skies-light: mix(#fff, $cerulean-skies, 20%);
$cerulean-skies-dark: mix(#000, $cerulean-skies, 20%);
.element {
color: $cerulean-skies;
box-shadow: 0 0 0 2px rgba($cerulean-skies, 0.35);
}