Cor nomeada · #84AEBA
Sebastian Inlet
Sebastian Inlet é #84AEBA: rgb(132 174 186), hsl(193 28% 62%), oklch(0.725 0.048 217.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sebastian Inlet color name →
#84AEBA
oklch(0.725 0.048 217.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 90B6C1
- 9CBEC8
- A9C6CE
- B5CED5
- C1D6DC
- CDDEE3
- DAE6EA
- E6EEF1
- F2F7F8
Sombras
- 7297A1
- 608089
- 4F6A72
- 3F555C
- 2F4146
- 202E32
- 121C1E
- 060B0D
- 010102
Tons
- 84A9B4
- 84A5AE
- 84A0A8
- 839BA2
- 83979D
- 839297
- 828E91
- 81898B
- 818586
Harmonias de cor
Complementar +180°
- 84AEBA
Sebastian Inlet
- C29C91
≈ Mahogany Rose
Análoga -30° +30°
- 84AEBA
Sebastian Inlet
- 84B0AB
≈ Silicate Green
- 8EA9C3
≈ Dresden Doll
Tríade +120° +240°
- 84AEBA
Sebastian Inlet
- BB9BB1
≈ Classy Mauve
- AEA784
≈ Summer Valley
Complementar dividida +150° +210°
- 84AEBA
Sebastian Inlet
- C29AA1
≈ Plum Mouse
- BBA186
≈ Cup of Cocoa
Tétrade +90° +180° +270°
- 84AEBA
Sebastian Inlet
- AE9EBE
≈ Iris Blossom
- C29C91
≈ Mahogany Rose
- 9EAC8C
≈ Cardoon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.74:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.74:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos 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);
}