Color con nombre · #ACBFCD
Cerulean Tint
Cerulean Tint es #ACBFCD: rgb(172 191 205), hsl(205 25% 74%), oklch(0.795 0.029 239.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Cerulean Tint color name →
#ACBFCD
oklch(0.795 0.029 239.8)
Conversiones de color
- HEX
- #acbfcd
- RGB
- rgb(172 191 205)
- HSL
- hsl(205 25% 74%)
- HWB
- hwb(205 67% 20%)
- OKLCH
- oklch(0.795 0.029 239.8)
- OKLab
- oklab(0.795 -0.015 -0.025)
- CIE Lab
- lab(76.21 -4.55 -9.39)
- LCH
- lch(76.21 10.43 244.1)
- CMYK
- cmyk(16% 7% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- B4C5D2
- BCCCD7
- C4D2DC
- CDD8E1
- D5DFE6
- DDE5EB
- E6EBF0
- EEF2F5
- F7F8FA
Sombras
- 95A6B2
- 7F8D98
- 69757E
- 545E66
- 40484E
- 2D3338
- 1B1F23
- 0B0D0F
- 010202
Tonos
- A8B9C5
- A3B2BD
- 9FACB5
- 9AA5AD
- 969FA6
- 91999E
- 8D9296
- 898C8F
- 848687
Armonías de color
Complementario +180°
- ACBFCD
Cerulean Tint
- CBB8AA
≈ Grey Mauve
Análogo -30° +30°
- ACBFCD
Cerulean Tint
- A8C1C6
≈ Bleu Clair
- B4BCCF
≈ Cold Winter’s Morn
Triádico +120° +240°
- ACBFCD
Cerulean Tint
- CDB5BB
≈ High Society
- B9BFAB
≈ Beryl Green
Complementario dividido +150° +210°
- ACBFCD
Cerulean Tint
- CEB6B1
≈ Smoked Lavender
- C3BCA8
≈ Apparition
Tetrádico +90° +180° +270°
- ACBFCD
Cerulean Tint
- C7B6C5
≈ Pink Bravado
- CBB8AA
≈ Grey Mauve
- B0C2B2
≈ Rainee
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.08:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 11.08:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--cerulean-tint: #acbfcd;
--cerulean-tint-rgb: 172 191 205;
--cerulean-tint-oklch: oklch(0.795 0.029 239.8);
}
.element {
color: var(--cerulean-tint);
background-color: hsl(205 25% 74%);
border-color: oklch(0.795 0.029 239.8);
}Tailwind CSS v4
@theme {
--color-cerulean-tint: #acbfcd;
--color-cerulean-tint-50: #eef6fd;
--color-cerulean-tint-100: #e0e9f1;
--color-cerulean-tint-200: #cad6e0;
--color-cerulean-tint-300: #abbac5;
--color-cerulean-tint-400: #90a1ae;
--color-cerulean-tint-500: #758998;
--color-cerulean-tint-600: #637480;
--color-cerulean-tint-700: #4f5d67;
--color-cerulean-tint-800: #39444b;
--color-cerulean-tint-900: #272f34;
--color-cerulean-tint-950: #151c20;
}SCSS
$cerulean-tint: #acbfcd;
$cerulean-tint-rgb: 172, 191, 205;
$cerulean-tint-light: mix(#fff, $cerulean-tint, 20%);
$cerulean-tint-dark: mix(#000, $cerulean-tint, 20%);
.element {
color: $cerulean-tint;
box-shadow: 0 0 0 2px rgba($cerulean-tint, 0.35);
}