Color con nombre · #75A6BB
Blue Ridge Mist
Blue Ridge Mist es #75A6BB: rgb(117 166 187), hsl(198 34% 60%), oklch(0.698 0.061 226.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Blue Ridge Mist color name →
#75A6BB
oklch(0.698 0.061 226.5)
Conversiones de color
- HEX
- #75a6bb
- RGB
- rgb(117 166 187)
- HSL
- hsl(198 34% 60%)
- HWB
- hwb(198 46% 27%)
- OKLCH
- oklch(0.698 0.061 226.5)
- OKLab
- oklab(0.698 -0.042 -0.044)
- CIE Lab
- lab(65.21 -12.91 -16.36)
- LCH
- lch(65.21 20.84 231.7)
- CMYK
- cmyk(37% 11% 0% 27%)
Tintes · Sombras · Tonos
Tintes
- 83AFC2
- 91B7C9
- 9EC0CF
- ACC9D6
- BAD2DD
- C7DBE4
- D5E4EA
- E3EDF1
- F1F6F8
Sombras
- 6590A2
- 557A8A
- 466573
- 37515C
- 293E46
- 1C2B32
- 0F1A1F
- 050A0D
- 010102
Tonos
- 77A2B5
- 789EAF
- 7A9BA9
- 7B97A3
- 7C939D
- 7D8F97
- 7E8B91
- 7F888C
- 7F8486
Armonías de color
Complementario +180°
- 75A6BB
Blue Ridge Mist
- BE937E
≈ Faded Redwood
Análogo -30° +30°
- 75A6BB
Blue Ridge Mist
- 70AAAA
≈ Poolrooms
- 86A0C4
≈ Windy City
Triádico +120° +240°
- 75A6BB
Blue Ridge Mist
- BB8FA5
≈ Elite Pink
- A2A175
≈ Dill Powder
Complementario dividido +150° +210°
- 75A6BB
Blue Ridge Mist
- C18F91
≈ Floral Tapestry
- B49973
≈ Gold Season
Tetrádico +90° +180° +270°
- 75A6BB
Blue Ridge Mist
- AD93B7
≈ Superstitious
- BE937E
≈ Faded Redwood
- 8DA782
≈ Baby Spinach
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.64:1 · APCA Lc 52
Ag
AAASobre negro
WCAG 7.92:1 · APCA Lc 50
Mejor color de texto: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmentos de código
CSS
:root {
--blue-ridge-mist: #75a6bb;
--blue-ridge-mist-rgb: 117 166 187;
--blue-ridge-mist-oklch: oklch(0.698 0.061 226.5);
}
.element {
color: var(--blue-ridge-mist);
background-color: hsl(198 34% 60%);
border-color: oklch(0.698 0.061 226.5);
}Tailwind CSS v4
@theme {
--color-blue-ridge-mist: #75a6bb;
--color-blue-ridge-mist-50: #e4f9ff;
--color-blue-ridge-mist-100: #d4ecf8;
--color-blue-ridge-mist-200: #bbdae9;
--color-blue-ridge-mist-300: #98bed0;
--color-blue-ridge-mist-400: #78a6ba;
--color-blue-ridge-mist-500: #598fa5;
--color-blue-ridge-mist-600: #4c798c;
--color-blue-ridge-mist-700: #3c6170;
--color-blue-ridge-mist-800: #2a4752;
--color-blue-ridge-mist-900: #1c3139;
--color-blue-ridge-mist-950: #0c1d24;
}SCSS
$blue-ridge-mist: #75a6bb;
$blue-ridge-mist-rgb: 117, 166, 187;
$blue-ridge-mist-light: mix(#fff, $blue-ridge-mist, 20%);
$blue-ridge-mist-dark: mix(#000, $blue-ridge-mist, 20%);
.element {
color: $blue-ridge-mist;
box-shadow: 0 0 0 2px rgba($blue-ridge-mist, 0.35);
}