Cor nomeada · #BF9779
Coffee Gelato
Coffee Gelato é #BF9779: rgb(191 151 121), hsl(26 35% 61%), oklch(0.706 0.064 58.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coffee Gelato color name →
#BF9779
oklch(0.706 0.064 58.4)
Conversões de cor
- HEX
- #bf9779
- RGB
- rgb(191 151 121)
- HSL
- hsl(26 35% 61%)
- HWB
- hwb(26 47% 25%)
- OKLCH
- oklch(0.706 0.064 58.4)
- OKLab
- oklab(0.706 0.033 0.054)
- CIE Lab
- lab(65.7 12.4 21.85)
- LCH
- lch(65.7 25.13 60.4)
- CMYK
- cmyk(0% 21% 37% 25%)
Tons claros · Sombras · Tons
Tons claros
- C6A186
- CCAB93
- D3B6A0
- D9C0AD
- DFCABB
- E6D5C8
- ECDFD6
- F2EAE3
- F9F4F1
Sombras
- A68368
- 8D6F58
- 755C48
- 5E4939
- 48372B
- 33261D
- 1F1710
- 0D0805
- 020101
Tons
- B9957A
- B2937B
- AC907C
- A68E7D
- A08C7D
- 99897E
- 93877F
- 8D857F
- 868280
Harmonias de cor
Complementar +180°
- BF9779
Coffee Gelato
- 7BA7C4
≈ Serene Sea
Análoga -30° +30°
- BF9779
Coffee Gelato
- C5928A
≈ Evening Blush
- B19F72
≈ Golden Sage
Tríade +120° +240°
- BF9779
Coffee Gelato
- 74AEA0
≈ Turquoise Fantasies
- A598C3
≈ Bloomsberry
Complementar dividida +150° +210°
- BF9779
Coffee Gelato
- 70ACB5
≈ Smoky Mountain Spring
- 8F9FC9
≈ Blue Heron
Tétrade +90° +180° +270°
- BF9779
Coffee Gelato
- 85AC8A
≈ Adventurine
- 7BA7C4
≈ Serene Sea
- B793B4
≈ Blooming Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.91:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--coffee-gelato: #bf9779;
--coffee-gelato-rgb: 191 151 121;
--coffee-gelato-oklch: oklch(0.706 0.064 58.4);
}
.element {
color: var(--coffee-gelato);
background-color: hsl(26 35% 61%);
border-color: oklch(0.706 0.064 58.4);
}Tailwind CSS v4
@theme {
--color-coffee-gelato: #bf9779;
--color-coffee-gelato-50: #fff1e3;
--color-coffee-gelato-100: #f9e4d3;
--color-coffee-gelato-200: #e9cfba;
--color-coffee-gelato-300: #d0b097;
--color-coffee-gelato-400: #bc9679;
--color-coffee-gelato-500: #a67c5b;
--color-coffee-gelato-600: #8d694e;
--color-coffee-gelato-700: #71543e;
--color-coffee-gelato-800: #543d2d;
--color-coffee-gelato-900: #3a2a1e;
--color-coffee-gelato-950: #24170e;
}SCSS
$coffee-gelato: #bf9779;
$coffee-gelato-rgb: 191, 151, 121;
$coffee-gelato-light: mix(#fff, $coffee-gelato, 20%);
$coffee-gelato-dark: mix(#000, $coffee-gelato, 20%);
.element {
color: $coffee-gelato;
box-shadow: 0 0 0 2px rgba($coffee-gelato, 0.35);
}