Color con nombre · #AECCCB
Baroque Chalk Soft Blue
Baroque Chalk Soft Blue es #AECCCB: rgb(174 204 203), hsl(178 23% 74%), oklch(0.823 0.032 194.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Baroque Chalk Soft Blue color name →
#AECCCB
oklch(0.823 0.032 194.1)
Conversiones de color
- HEX
- #aecccb
- RGB
- rgb(174 204 203)
- HSL
- hsl(178 23% 74%)
- HWB
- hwb(178 68% 20%)
- OKLCH
- oklch(0.823 0.032 194.1)
- OKLab
- oklab(0.823 -0.031 -0.008)
- CIE Lab
- lab(79.8 -10.55 -3.05)
- LCH
- lch(79.8 10.98 196.1)
- CMYK
- cmyk(15% 0% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- B6D1D0
- BED6D5
- C6DBDA
- CEE0E0
- D6E5E5
- DEEAEA
- E6F0EF
- EFF5F4
- F7FAFA
Sombras
- 97B1B0
- 809796
- 6A7E7D
- 556565
- 414E4D
- 2E3737
- 1C2222
- 0B0F0F
- 010202
Tonos
- A9C4C3
- A5BCBC
- A0B5B4
- 9CADAC
- 97A5A5
- 929E9D
- 8E9696
- 898F8E
- 858787
Armonías de color
Complementario +180°
- AECCCB
Baroque Chalk Soft Blue
- D9BDBF
≈ Lilac Buds
Análogo -30° +30°
- AECCCB
Baroque Chalk Soft Blue
- B3CCBF
≈ Sweet Mint
- B0CAD5
≈ Take Five
Triádico +120° +240°
- AECCCB
Baroque Chalk Soft Blue
- CDBFD4
≈ Awesome Aura
- D2C2AF
≈ Avenue Tan
Complementario dividido +150° +210°
- AECCCB
Baroque Chalk Soft Blue
- D5BDCA
≈ Queen’s Tart
- D8BFB4
≈ Wild Rice
Tetrádico +90° +180° +270°
- AECCCB
Baroque Chalk Soft Blue
- C2C3DA
≈ Lavender Escape
- D9BDBF
≈ Lilac Buds
- C8C6AF
≈ Dune Grass
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.29:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--baroque-chalk-soft-blue: #aecccb;
--baroque-chalk-soft-blue-rgb: 174 204 203;
--baroque-chalk-soft-blue-oklch: oklch(0.823 0.032 194.1);
}
.element {
color: var(--baroque-chalk-soft-blue);
background-color: hsl(178 23% 74%);
border-color: oklch(0.823 0.032 194.1);
}Tailwind CSS v4
@theme {
--color-baroque-chalk-soft-blue: #aecccb;
--color-baroque-chalk-soft-blue-50: #ebf8f8;
--color-baroque-chalk-soft-blue-100: #dcebeb;
--color-baroque-chalk-soft-blue-200: #c5d9d9;
--color-baroque-chalk-soft-blue-300: #a5bdbd;
--color-baroque-chalk-soft-blue-400: #89a5a4;
--color-baroque-chalk-soft-blue-500: #6e8d8c;
--color-baroque-chalk-soft-blue-600: #5d7777;
--color-baroque-chalk-soft-blue-700: #4a605f;
--color-baroque-chalk-soft-blue-800: #364645;
--color-baroque-chalk-soft-blue-900: #253030;
--color-baroque-chalk-soft-blue-950: #131d1c;
}SCSS
$baroque-chalk-soft-blue: #aecccb;
$baroque-chalk-soft-blue-rgb: 174, 204, 203;
$baroque-chalk-soft-blue-light: mix(#fff, $baroque-chalk-soft-blue, 20%);
$baroque-chalk-soft-blue-dark: mix(#000, $baroque-chalk-soft-blue, 20%);
.element {
color: $baroque-chalk-soft-blue;
box-shadow: 0 0 0 2px rgba($baroque-chalk-soft-blue, 0.35);
}