Color con nombre · #6D9BC3
Cerulean Frost
Cerulean Frost es #6D9BC3: rgb(109 155 195), hsl(208 42% 60%), oklch(0.672 0.078 245.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Cerulean Frost color name →
#6D9BC3
oklch(0.672 0.078 245.5)
Conversiones de color
- HEX
- #6d9bc3
- RGB
- rgb(109 155 195)
- HSL
- hsl(208 42% 60%)
- HWB
- hwb(208 43% 24%)
- OKLCH
- oklch(0.672 0.078 245.5)
- OKLab
- oklab(0.672 -0.032 -0.071)
- CIE Lab
- lab(61.83 -7.98 -25.95)
- LCH
- lch(61.83 27.15 252.9)
- CMYK
- cmyk(44% 21% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- 7BA5C9
- 8AAFCF
- 98B9D5
- A7C2DB
- B5CCE2
- C4D6E7
- D2E1ED
- E1EBF3
- F0F5F9
Sombras
- 5E86A9
- 4F7290
- 415E78
- 334B60
- 26394A
- 192834
- 0D1820
- 04090E
- 010102
Tonos
- 6F98BC
- 7296B6
- 7493AF
- 7691A8
- 788EA1
- 7A8B9B
- 7B8894
- 7D868D
- 7F8387
Armonías de color
Complementario +180°
- 6D9BC3
Cerulean Frost
- B78C62
≈ Gleaming Tan
Análogo -30° +30°
- 6D9BC3
Cerulean Frost
- 59A2B4
≈ Explorer Blue
- 8892C6
≈ Corfu Sky
Triádico +120° +240°
- 6D9BC3
Cerulean Frost
- BF828F
≈ Strawberry Jubilee
- 8A9F6A
≈ Purslane
Complementario dividido +150° +210°
- 6D9BC3
Cerulean Frost
- C08575
≈ Ginger Rose
- A4965D
≈ Faded Khaki
Tetrádico +90° +180° +270°
- 6D9BC3
Cerulean Frost
- B484A8
≈ Opera Mauve
- B78C62
≈ Gleaming Tan
- 6EA481
≈ Sea Lettuce
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.94:1 · APCA Lc 56
Ag
AAASobre negro
WCAG 7.12:1 · APCA Lc 46
Mejor color de texto: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmentos de código
CSS
:root {
--cerulean-frost: #6d9bc3;
--cerulean-frost-rgb: 109 155 195;
--cerulean-frost-oklch: oklch(0.672 0.078 245.5);
}
.element {
color: var(--cerulean-frost);
background-color: hsl(208 42% 60%);
border-color: oklch(0.672 0.078 245.5);
}Tailwind CSS v4
@theme {
--color-cerulean-frost: #6d9bc3;
--color-cerulean-frost-50: #e4f8ff;
--color-cerulean-frost-100: #d4ebff;
--color-cerulean-frost-200: #bbd8f4;
--color-cerulean-frost-300: #98bcde;
--color-cerulean-frost-400: #78a4ca;
--color-cerulean-frost-500: #598bb7;
--color-cerulean-frost-600: #4c769a;
--color-cerulean-frost-700: #3c5e7c;
--color-cerulean-frost-800: #2a455b;
--color-cerulean-frost-900: #1c3040;
--color-cerulean-frost-950: #0c1c29;
}SCSS
$cerulean-frost: #6d9bc3;
$cerulean-frost-rgb: 109, 155, 195;
$cerulean-frost-light: mix(#fff, $cerulean-frost, 20%);
$cerulean-frost-dark: mix(#000, $cerulean-frost, 20%);
.element {
color: $cerulean-frost;
box-shadow: 0 0 0 2px rgba($cerulean-frost, 0.35);
}