Color con nombre · #C8B9A4
Oatbran
Oatbran es #C8B9A4: rgb(200 185 164), hsl(35 25% 71%), oklch(0.793 0.034 76.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Oatbran color name →
#C8B9A4
oklch(0.793 0.034 76.4)
Conversiones de color
- HEX
- #c8b9a4
- RGB
- rgb(200 185 164)
- HSL
- hsl(35 25% 71%)
- HWB
- hwb(35 64% 22%)
- OKLCH
- oklch(0.793 0.034 76.4)
- OKLab
- oklab(0.793 0.008 0.033)
- CIE Lab
- lab(76 2.96 12.73)
- LCH
- lch(76 13.06 76.9)
- CMYK
- cmyk(0% 8% 18% 22%)
Tintes · Sombras · Tonos
Tintes
- CDC0AD
- D3C7B6
- D8CEBF
- DED5C8
- E3DCD1
- E9E3DA
- EEEAE3
- F4F1EC
- F9F8F6
Sombras
- AEA08E
- 948979
- 7B7164
- 635B50
- 4C463D
- 36312B
- 211E1A
- 0F0D0A
- 020201
Tonos
- C1B3A0
- B9AD9D
- B2A899
- ABA296
- A39C92
- 9C968E
- 95918B
- 8E8B87
- 878684
Armonías de color
Complementario +180°
- C8B9A4
Oatbran
- AEBDD1
≈ Sweet Blue
Análogo -30° +30°
- C8B9A4
Oatbran
- CFB5AA
≈ Sashay Sand
- BEBDA5
≈ Beryl Green
Triádico +120° +240°
- C8B9A4
Oatbran
- A3C2C2
≈ Wild Life
- C4B5CA
≈ Delicate Mauve
Complementario dividido +150° +210°
- C8B9A4
Oatbran
- A6C0CC
≈ Peace River
- B9B9D1
≈ Fragile
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.93:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--oatbran: #c8b9a4;
--oatbran-rgb: 200 185 164;
--oatbran-oklch: oklch(0.793 0.034 76.4);
}
.element {
color: var(--oatbran);
background-color: hsl(35 25% 71%);
border-color: oklch(0.793 0.034 76.4);
}Tailwind CSS v4
@theme {
--color-oatbran: #c8b9a4;
--color-oatbran-50: #faf4eb;
--color-oatbran-100: #eee7dc;
--color-oatbran-200: #dcd3c5;
--color-oatbran-300: #c1b6a5;
--color-oatbran-400: #aa9c89;
--color-oatbran-500: #93846e;
--color-oatbran-600: #7c6f5d;
--color-oatbran-700: #64594a;
--color-oatbran-800: #494136;
--color-oatbran-900: #332d25;
--color-oatbran-950: #1f1a13;
}SCSS
$oatbran: #c8b9a4;
$oatbran-rgb: 200, 185, 164;
$oatbran-light: mix(#fff, $oatbran, 20%);
$oatbran-dark: mix(#000, $oatbran, 20%);
.element {
color: $oatbran;
box-shadow: 0 0 0 2px rgba($oatbran, 0.35);
}