Color con nombre · #9BBACB
Arctic Sunrise
Arctic Sunrise es #9BBACB: rgb(155 186 203), hsl(201 32% 70%), oklch(0.772 0.042 232). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Arctic Sunrise color name →
#9BBACB
oklch(0.772 0.042 232)
Conversiones de color
- HEX
- #9bbacb
- RGB
- rgb(155 186 203)
- HSL
- hsl(201 32% 70%)
- HWB
- hwb(201 61% 20%)
- OKLCH
- oklch(0.772 0.042 232)
- OKLab
- oklab(0.772 -0.026 -0.033)
- CIE Lab
- lab(73.62 -8.04 -12.29)
- LCH
- lch(73.62 14.68 236.8)
- CMYK
- cmyk(24% 8% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- A5C1D0
- AFC8D5
- B9CEDB
- C2D5E0
- CCDCE5
- D6E3EA
- E1EAEF
- EBF1F5
- F5F8FA
Sombras
- 86A1B0
- 728996
- 5E727D
- 4B5C65
- 39464D
- 283237
- 181E22
- 090D0F
- 010202
Tonos
- 98B4C3
- 96AEBC
- 93A8B4
- 91A2AC
- 8E9DA5
- 8B979D
- 889196
- 868B8F
- 838687
Armonías de color
Complementario +180°
- 9BBACB
Arctic Sunrise
- CBAE9D
≈ Frappé
Análogo -30° +30°
- 9BBACB
Arctic Sunrise
- 96BDC0
≈ Turner’s Light
- A6B5D0
≈ Minuet
Triádico +120° +240°
- 9BBACB
Arctic Sunrise
- CBAAB7
≈ Scented Frill
- B5B89A
≈ Disguise
Complementario dividido +150° +210°
- 9BBACB
Arctic Sunrise
- CEABA9
≈ Vista
- C2B397
≈ Self-Destruct
Tetrádico +90° +180° +270°
- 9BBACB
Arctic Sunrise
- C2ACC5
≈ Linnea Blossom
- CBAE9D
≈ Frappé
- A6BCA4
≈ Bryophyte
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.27:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--arctic-sunrise: #9bbacb;
--arctic-sunrise-rgb: 155 186 203;
--arctic-sunrise-oklch: oklch(0.772 0.042 232);
}
.element {
color: var(--arctic-sunrise);
background-color: hsl(201 32% 70%);
border-color: oklch(0.772 0.042 232);
}Tailwind CSS v4
@theme {
--color-arctic-sunrise: #9bbacb;
--color-arctic-sunrise-50: #eaf7ff;
--color-arctic-sunrise-100: #dbebf4;
--color-arctic-sunrise-200: #c4d8e4;
--color-arctic-sunrise-300: #a3bbca;
--color-arctic-sunrise-400: #87a3b3;
--color-arctic-sunrise-500: #6b8c9d;
--color-arctic-sunrise-600: #5b7685;
--color-arctic-sunrise-700: #485e6a;
--color-arctic-sunrise-800: #34454e;
--color-arctic-sunrise-900: #233036;
--color-arctic-sunrise-950: #121c21;
}SCSS
$arctic-sunrise: #9bbacb;
$arctic-sunrise-rgb: 155, 186, 203;
$arctic-sunrise-light: mix(#fff, $arctic-sunrise, 20%);
$arctic-sunrise-dark: mix(#000, $arctic-sunrise, 20%);
.element {
color: $arctic-sunrise;
box-shadow: 0 0 0 2px rgba($arctic-sunrise, 0.35);
}