Cor nomeada mais próxima · #BEAA8F
#BEAA8F
Cor nomeada mais próxima: Coffee Diva
#BEAA8F (rgb(190 170 143), hsl(34 27% 65%), oklch(0.748 0.044 75.3)) é mais próxima da cor nomeada Coffee Diva. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BEAA8F
oklch(0.748 0.044 75.3)
Conversões de cor
- HEX
- #beaa8f
- RGB
- rgb(190 170 143)
- HSL
- hsl(34 27% 65%)
- HWB
- hwb(34 56% 25%)
- OKLCH
- oklch(0.748 0.044 75.3)
- OKLab
- oklab(0.748 0.011 0.042)
- CIE Lab
- lab(70.83 4.34 16.76)
- LCH
- lch(70.83 17.31 75.5)
- CMYK
- cmyk(0% 11% 25% 25%)
Tons claros · Sombras · Tons
Tons claros
- C4B29A
- CBBBA5
- D1C3B0
- D8CBBB
- DED4C6
- E5DCD1
- EBE5DD
- F2EEE8
- F8F6F3
Sombras
- A5937C
- 8C7D69
- 756857
- 5E5345
- 483F34
- 332D24
- 1F1B15
- 0D0B07
- 020101
Tons
- B8A68E
- B1A28C
- AB9D8B
- A59989
- 9F9588
- 989186
- 928C85
- 8C8883
- 868482
Harmonias de cor
Complementar +180°
- BEAA8F
Coffee Diva
- 9BAFC9
≈ Satin Soft Blue
Análoga -30° +30°
- BEAA8F
Coffee Diva
- C6A597
≈ Howdy Partner
- B1AF90
≈ That’s Atomic
Tríade +120° +240°
- BEAA8F
Coffee Diva
- 8DB7B6
≈ Eyefull
- B8A5C1
≈ Viola Sororia
Complementar dividida +150° +210°
- BEAA8F
Coffee Diva
- 90B4C3
≈ Bright Bluebonnet
- AAAAC9
≈ Cosmic Sky
Tétrade +90° +180° +270°
- BEAA8F
Coffee Diva
- 94B7A7
≈ Nile River
- 9BAFC9
≈ Satin Soft Blue
- C3A3B4
≈ Hollyhock Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.33:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--coffee-diva: #beaa8f;
--coffee-diva-rgb: 190 170 143;
--coffee-diva-oklch: oklch(0.748 0.044 75.3);
}
.element {
color: var(--coffee-diva);
background-color: hsl(34 27% 65%);
border-color: oklch(0.748 0.044 75.3);
}Tailwind CSS v4
@theme {
--color-coffee-diva: #beaa8f;
--color-coffee-diva-50: #fcf4e8;
--color-coffee-diva-100: #f0e6d8;
--color-coffee-diva-200: #dfd2c0;
--color-coffee-diva-300: #c4b59f;
--color-coffee-diva-400: #ae9b82;
--color-coffee-diva-500: #988266;
--color-coffee-diva-600: #806e56;
--color-coffee-diva-700: #675845;
--color-coffee-diva-800: #4c4032;
--color-coffee-diva-900: #352c22;
--color-coffee-diva-950: #201911;
}SCSS
$coffee-diva: #beaa8f;
$coffee-diva-rgb: 190, 170, 143;
$coffee-diva-light: mix(#fff, $coffee-diva, 20%);
$coffee-diva-dark: mix(#000, $coffee-diva, 20%);
.element {
color: $coffee-diva;
box-shadow: 0 0 0 2px rgba($coffee-diva, 0.35);
}