Cor nomeada · #F4E1C5
Barium
Barium é #F4E1C5: rgb(244 225 197), hsl(36 68% 86%), oklch(0.918 0.042 77.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Barium color name →
#F4E1C5
oklch(0.918 0.042 77.6)
Conversões de cor
- HEX
- #f4e1c5
- RGB
- rgb(244 225 197)
- HSL
- hsl(36 68% 86%)
- HWB
- hwb(36 77% 4%)
- OKLCH
- oklch(0.918 0.042 77.6)
- OKLab
- oklab(0.918 0.009 0.042)
- CIE Lab
- lab(90.55 3.49 16.23)
- LCH
- lch(90.55 16.6 77.9)
- CMYK
- cmyk(0% 8% 19% 4%)
Tons claros · Sombras · Tons
Tons claros
- F5E4CB
- F6E7D1
- F7EAD6
- F8EDDC
- FAF0E2
- FBF3E8
- FCF6EE
- FDF9F3
- FEFCF9
Sombras
- D4C4AB
- B5A792
- 978B79
- 7A7061
- 5E564B
- 443E35
- 2B2721
- 14120E
- 030202
Tons
- E8D7BE
- DCCDB7
- D0C3B0
- C4B9A9
- B8AFA2
- ADA69B
- A19C94
- 96938E
- 8B8987
Harmonias de cor
Complementar +180°
- F4E1C5
Barium
- D4E5FF
≈ Veiling Waterfalls
Análoga -30° +30°
- F4E1C5
Barium
- FDDCCC
≈ Glazed Sugar
- E6E7C6
≈ More Mint
Tríade +120° +240°
- F4E1C5
Barium
- C4EDEE
≈ Icy Breeze
- F0DCF7
≈ Grape Taffy
Complementar dividida +150° +210°
- F4E1C5
Barium
- C7EAFA
≈ Blue Java Banana
- E2E0FF
≈ Stoic White
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.42:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.42:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--barium: #f4e1c5;
--barium-rgb: 244 225 197;
--barium-oklch: oklch(0.918 0.042 77.6);
}
.element {
color: var(--barium);
background-color: hsl(36 68% 86%);
border-color: oklch(0.918 0.042 77.6);
}Tailwind CSS v4
@theme {
--color-barium: #f4e1c5;
--color-barium-50: #fcf4e8;
--color-barium-100: #f0e7d8;
--color-barium-200: #ded3c0;
--color-barium-300: #c3b5a0;
--color-barium-400: #ad9c83;
--color-barium-500: #968367;
--color-barium-600: #7f6f57;
--color-barium-700: #665945;
--color-barium-800: #4b4132;
--color-barium-900: #342c22;
--color-barium-950: #201a11;
}SCSS
$barium: #f4e1c5;
$barium-rgb: 244, 225, 197;
$barium-light: mix(#fff, $barium, 20%);
$barium-dark: mix(#000, $barium, 20%);
.element {
color: $barium;
box-shadow: 0 0 0 2px rgba($barium, 0.35);
}