Cor nomeada · #BF753B
Tomato Cream
Tomato Cream é #BF753B: rgb(191 117 59), hsl(26 53% 49%), oklch(0.631 0.118 56.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tomato Cream color name →
#BF753B
oklch(0.631 0.118 56.4)
Conversões de cor
- HEX
- #bf753b
- RGB
- rgb(191 117 59)
- HSL
- hsl(26 53% 49%)
- HWB
- hwb(26 23% 25%)
- OKLCH
- oklch(0.631 0.118 56.4)
- OKLab
- oklab(0.631 0.065 0.099)
- CIE Lab
- lab(56.69 26.2 43.87)
- LCH
- lch(56.69 51.1 59.2)
- CMYK
- cmyk(0% 39% 69% 25%)
Tons claros · Sombras · Tons
Tons claros
- C68351
- CD9165
- D49E78
- DBAC8B
- E1BA9E
- E8C7B1
- EED5C5
- F4E3D8
- F9F1EB
Sombras
- A66532
- 8D5529
- 754621
- 5E3719
- 482911
- 331C09
- 1F0F04
- 0D0501
- 020100
Tons
- B97744
- B3784D
- AD7A54
- A77B5B
- A17C62
- 9B7D69
- 947E6F
- 8E7F75
- 877F7A
Harmonias de cor
Complementar +180°
- BF753B
Tomato Cream
- 3093C7
≈ Porpita Porpita
Análoga -30° +30°
- BF753B
Tomato Cream
- C76B63
≈ Cuban Plaza
- A98421
≈ Chestnut Gold
Tríade +120° +240°
- BF753B
Tomato Cream
- 00A087
≈ Reptilian Green
- 9179C9
≈ Ube
Complementar dividida +150° +210°
- BF753B
Tomato Cream
- 009CAA
≈ Turkish Boy
- 6886D1
≈ Livid
Tétrade +90° +180° +270°
- BF753B
Tomato Cream
- 559D5D
≈ Longing for Nature
- 3093C7
≈ Porpita Porpita
- AE6FAF
≈ Berry Burst
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.60:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.82:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
CSS
:root {
--tomato-cream: #bf753b;
--tomato-cream-rgb: 191 117 59;
--tomato-cream-oklch: oklch(0.631 0.118 56.4);
}
.element {
color: var(--tomato-cream);
background-color: hsl(26 53% 49%);
border-color: oklch(0.631 0.118 56.4);
}Tailwind CSS v4
@theme {
--color-tomato-cream: #bf753b;
--color-tomato-cream-50: #ffeed4;
--color-tomato-cream-100: #ffdfc2;
--color-tomato-cream-200: #fbc9a2;
--color-tomato-cream-300: #e5a97a;
--color-tomato-cream-400: #d38b55;
--color-tomato-cream-500: #c06f2b;
--color-tomato-cream-600: #a25e26;
--color-tomato-cream-700: #824b1e;
--color-tomato-cream-800: #613615;
--color-tomato-cream-900: #44250e;
--color-tomato-cream-950: #2c1302;
}SCSS
$tomato-cream: #bf753b;
$tomato-cream-rgb: 191, 117, 59;
$tomato-cream-light: mix(#fff, $tomato-cream, 20%);
$tomato-cream-dark: mix(#000, $tomato-cream, 20%);
.element {
color: $tomato-cream;
box-shadow: 0 0 0 2px rgba($tomato-cream, 0.35);
}