Color con nombre · #AFBBC1
Seersucker
Seersucker es #AFBBC1: rgb(175 187 193), hsl(200 13% 72%), oklch(0.785 0.016 229). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Seersucker color name →
#AFBBC1
oklch(0.785 0.016 229)
Conversiones de color
- HEX
- #afbbc1
- RGB
- rgb(175 187 193)
- HSL
- hsl(200 13% 72%)
- HWB
- hwb(200 69% 24%)
- OKLCH
- oklch(0.785 0.016 229)
- OKLab
- oklab(0.785 -0.01 -0.012)
- CIE Lab
- lab(75.07 -3.41 -4.55)
- LCH
- lch(75.07 5.68 233.2)
- CMYK
- cmyk(9% 3% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- B7C2C7
- BFC8CD
- C6CFD3
- CED6D9
- D6DDE0
- DEE3E6
- E6EAEC
- EFF1F2
- F7F8F9
Sombras
- 98A2A7
- 818A8F
- 6B7377
- 565C5F
- 414649
- 2E3234
- 1C1F20
- 0B0D0E
- 010202
Tonos
- AAB5BA
- A5AFB4
- A1A9AD
- 9CA3A6
- 979DA0
- 939799
- 8E9193
- 898B8D
- 858686
Armonías de color
Complementario +180°
- AFBBC1
Seersucker
- C2B6B0
≈ Sand Ripples
Análogo -30° +30°
- AFBBC1
Seersucker
- AEBCBD
≈ Watery
- B3B9C3
≈ Granite Fog
Triádico +120° +240°
- AFBBC1
Seersucker
- C1B5BA
≈ Blossom Powder
- B9BAAE
≈ Simple Grey
Complementario dividido +150° +210°
- AFBBC1
Seersucker
- C3B5B5
≈ Young Fawn
- BEB8AE
≈ Glasgow Fog
Tetrádico +90° +180° +270°
- AFBBC1
Seersucker
- BDB6BF
≈ Future Vision
- C2B6B0
≈ Sand Ripples
- B4BBB2
≈ Keystone Grey
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.70:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--seersucker: #afbbc1;
--seersucker-rgb: 175 187 193;
--seersucker-oklch: oklch(0.785 0.016 229);
}
.element {
color: var(--seersucker);
background-color: hsl(200 13% 72%);
border-color: oklch(0.785 0.016 229);
}Tailwind CSS v4
@theme {
--color-seersucker: #afbbc1;
--color-seersucker-50: #f1f6f9;
--color-seersucker-100: #e3e9ec;
--color-seersucker-200: #ced6da;
--color-seersucker-300: #b0b9be;
--color-seersucker-400: #95a0a6;
--color-seersucker-500: #7c888f;
--color-seersucker-600: #697379;
--color-seersucker-700: #545c61;
--color-seersucker-800: #3d4447;
--color-seersucker-900: #2a2f31;
--color-seersucker-950: #171b1d;
}SCSS
$seersucker: #afbbc1;
$seersucker-rgb: 175, 187, 193;
$seersucker-light: mix(#fff, $seersucker, 20%);
$seersucker-dark: mix(#000, $seersucker, 20%);
.element {
color: $seersucker;
box-shadow: 0 0 0 2px rgba($seersucker, 0.35);
}