Cor nomeada · #752B2F
Tamarillo
Tamarillo é #752B2F: rgb(117 43 47), hsl(357 46% 31%), oklch(0.398 0.104 20). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Tamarillo color name →
#752B2F
oklch(0.398 0.104 20)
Conversões de cor
- HEX
- #752b2f
- RGB
- rgb(117 43 47)
- HSL
- hsl(357 46% 31%)
- HWB
- hwb(357 17% 54%)
- OKLCH
- oklch(0.398 0.104 20)
- OKLab
- oklab(0.398 0.098 0.036)
- CIE Lab
- lab(29.06 33.36 15.24)
- LCH
- lch(29.06 36.68 24.6)
- CMYK
- cmyk(0% 63% 60% 54%)
Tons claros · Sombras · Tons
Tons claros
- 844041
- 925454
- A16868
- AF7D7C
- BD9291
- CAA7A6
- D8BCBC
- E5D2D2
- F2E8E8
Sombras
- 652427
- 551D20
- 461619
- 371012
- 290A0C
- 1C0506
- 0F0203
- 050101
- 010000
Tons
- 773537
- 793E3F
- 7B4647
- 7D4F4F
- 7E5757
- 7F5F5F
- 806867
- 80706F
- 807878
Harmonias de cor
Complementar +180°
- 752B2F
Tamarillo
- 005255
≈ Emerald Spring
Análoga -30° +30°
- 752B2F
Tamarillo
- 6E2B4F
≈ Ebizome Purple
- 723201
≈ Bay Brown
Tríade +120° +240°
- 752B2F
Tamarillo
- 245418
≈ Patch of Land
- 23457E
≈ Maritime Outpost
Complementar dividida +150° +210°
- 752B2F
Tamarillo
- 005440
≈ Sacramento State Green
- 004E69
≈ Work Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.79:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.14:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--tamarillo: #752b2f;
--tamarillo-rgb: 117 43 47;
--tamarillo-oklch: oklch(0.398 0.104 20);
}
.element {
color: var(--tamarillo);
background-color: hsl(357 46% 31%);
border-color: oklch(0.398 0.104 20);
}Tailwind CSS v4
@theme {
--color-tamarillo: #752b2f;
--color-tamarillo-50: #ffeae8;
--color-tamarillo-100: #ffdbd8;
--color-tamarillo-200: #fec3c0;
--color-tamarillo-300: #e8a39f;
--color-tamarillo-400: #d58585;
--color-tamarillo-500: #c16869;
--color-tamarillo-600: #a35859;
--color-tamarillo-700: #834647;
--color-tamarillo-800: #613235;
--color-tamarillo-900: #442224;
--color-tamarillo-950: #2c1113;
}SCSS
$tamarillo: #752b2f;
$tamarillo-rgb: 117, 43, 47;
$tamarillo-light: mix(#fff, $tamarillo, 20%);
$tamarillo-dark: mix(#000, $tamarillo, 20%);
.element {
color: $tamarillo;
box-shadow: 0 0 0 2px rgba($tamarillo, 0.35);
}