Warna bernama · #752B2F
Tamarillo
Tamarillo adalah #752B2F: rgb(117 43 47), hsl(357 46% 31%), oklch(0.398 0.104 20). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Brown mean? → · Tamarillo color name →
#752B2F
oklch(0.398 0.104 20)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 844041
- 925454
- A16868
- AF7D7C
- BD9291
- CAA7A6
- D8BCBC
- E5D2D2
- F2E8E8
Shade
- 652427
- 551D20
- 461619
- 371012
- 290A0C
- 1C0506
- 0F0203
- 050101
- 010000
Tone
- 773537
- 793E3F
- 7B4647
- 7D4F4F
- 7E5757
- 7F5F5F
- 806867
- 80706F
- 807878
Harmoni warna
Komplementer +180°
- 752B2F
Tamarillo
- 005255
≈ Emerald Spring
Analog -30° +30°
- 752B2F
Tamarillo
- 6E2B4F
≈ Ebizome Purple
- 723201
≈ Bay Brown
Triadik +120° +240°
- 752B2F
Tamarillo
- 245418
≈ Patch of Land
- 23457E
≈ Maritime Outpost
Split-komplementer +150° +210°
- 752B2F
Tamarillo
- 005440
≈ Sacramento State Green
- 004E69
≈ Work Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.79:1 · APCA Lc 92
Ag
FailDi atas hitam
WCAG 2.14:1 · APCA Lc 10
Warna teks terbaik: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
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);
}