Color con nombre · #84AEBA
Sebastian Inlet
Sebastian Inlet es #84AEBA: rgb(132 174 186), hsl(193 28% 62%), oklch(0.725 0.048 217.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Sebastian Inlet color name →
#84AEBA
oklch(0.725 0.048 217.2)
Conversiones de color
- HEX
- #84aeba
- RGB
- rgb(132 174 186)
- HSL
- hsl(193 28% 62%)
- HWB
- hwb(193 52% 27%)
- OKLCH
- oklch(0.725 0.048 217.2)
- OKLab
- oklab(0.725 -0.038 -0.029)
- CIE Lab
- lab(68.35 -12.49 -11.01)
- LCH
- lch(68.35 16.65 221.4)
- CMYK
- cmyk(29% 6% 0% 27%)
Tintes · Sombras · Tonos
Tintes
- 90B6C1
- 9CBEC8
- A9C6CE
- B5CED5
- C1D6DC
- CDDEE3
- DAE6EA
- E6EEF1
- F2F7F8
Sombras
- 7297A1
- 608089
- 4F6A72
- 3F555C
- 2F4146
- 202E32
- 121C1E
- 060B0D
- 010102
Tonos
- 84A9B4
- 84A5AE
- 84A0A8
- 839BA2
- 83979D
- 839297
- 828E91
- 81898B
- 818586
Armonías de color
Complementario +180°
- 84AEBA
Sebastian Inlet
- C29C91
≈ Mahogany Rose
Análogo -30° +30°
- 84AEBA
Sebastian Inlet
- 84B0AB
≈ Silicate Green
- 8EA9C3
≈ Dresden Doll
Triádico +120° +240°
- 84AEBA
Sebastian Inlet
- BB9BB1
≈ Classy Mauve
- AEA784
≈ Summer Valley
Complementario dividido +150° +210°
- 84AEBA
Sebastian Inlet
- C29AA1
≈ Plum Mouse
- BBA186
≈ Cup of Cocoa
Tetrádico +90° +180° +270°
- 84AEBA
Sebastian Inlet
- AE9EBE
≈ Iris Blossom
- C29C91
≈ Mahogany Rose
- 9EAC8C
≈ Cardoon
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.74:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--sebastian-inlet: #84aeba;
--sebastian-inlet-rgb: 132 174 186;
--sebastian-inlet-oklch: oklch(0.725 0.048 217.2);
}
.element {
color: var(--sebastian-inlet);
background-color: hsl(193 28% 62%);
border-color: oklch(0.725 0.048 217.2);
}Tailwind CSS v4
@theme {
--color-sebastian-inlet: #84aeba;
--color-sebastian-inlet-50: #e7f9ff;
--color-sebastian-inlet-100: #d7ecf3;
--color-sebastian-inlet-200: #bedae2;
--color-sebastian-inlet-300: #9dbec8;
--color-sebastian-inlet-400: #7ea6b1;
--color-sebastian-inlet-500: #618e9b;
--color-sebastian-inlet-600: #527983;
--color-sebastian-inlet-700: #426069;
--color-sebastian-inlet-800: #2f474d;
--color-sebastian-inlet-900: #203135;
--color-sebastian-inlet-950: #0f1d21;
}SCSS
$sebastian-inlet: #84aeba;
$sebastian-inlet-rgb: 132, 174, 186;
$sebastian-inlet-light: mix(#fff, $sebastian-inlet, 20%);
$sebastian-inlet-dark: mix(#000, $sebastian-inlet, 20%);
.element {
color: $sebastian-inlet;
box-shadow: 0 0 0 2px rgba($sebastian-inlet, 0.35);
}