Adlandırılmış renk · #837946
Tropical Twist
Tropical Twist, #837946: rgb(131 121 70), hsl(50 30% 39%), oklch(0.573 0.071 98.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Tropical Twist color name →
#837946
oklch(0.573 0.071 98.5)
Renk dönüşümleri
- HEX
- #837946
- RGB
- rgb(131 121 70)
- HSL
- hsl(50 30% 39%)
- HWB
- hwb(50 27% 49%)
- OKLCH
- oklch(0.573 0.071 98.5)
- OKLab
- oklab(0.573 -0.011 0.071)
- CIE Lab
- lab(50.84 -1.61 29.3)
- LCH
- lch(50.84 29.34 93.1)
- CMYK
- cmyk(0% 8% 47% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8F8658
- 9A936A
- A6A07C
- B3AD8E
- BFBAA0
- CBC8B3
- D8D5C6
- E5E3D9
- F2F1EC
Koyu tonlar
- 71683C
- 605832
- 4F4828
- 3F391E
- 2F2B15
- 201D0D
- 121005
- 060502
- 010100
Gri tonlar
- 837A4D
- 827B53
- 827B59
- 827C5F
- 817D65
- 817E6A
- 817E70
- 817F75
- 807F7B
Renk uyumları
Tamamlayıcı +180°
- 837946
Tropical Twist
- 6E74A2
≈ Hyacinth Mauve
Analog -30° +30°
- 837946
Tropical Twist
- 947049
≈ Tavern Creek
- 6C8153
≈ Creamed Avocado
Üçlü +120° +240°
- 837946
Tropical Twist
- 428395
≈ Wipeout
- 946887
≈ Fruit of Passion
Bölünmüş tamamlayıcı +150° +210°
- 837946
Tropical Twist
- 567CA1
≈ Biedermeier Blue
- 846D99
≈ Bitter Violet
Dörtlü +90° +180° +270°
- 837946
Tropical Twist
- 408680
≈ Carlisle
- 6E74A2
≈ Hyacinth Mauve
- 9D6670
≈ Matte Carmine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.38:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.78:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--tropical-twist: #837946;
--tropical-twist-rgb: 131 121 70;
--tropical-twist-oklch: oklch(0.573 0.071 98.5);
}
.element {
color: var(--tropical-twist);
background-color: hsl(50 30% 39%);
border-color: oklch(0.573 0.071 98.5);
}Tailwind CSS v4
@theme {
--color-tropical-twist: #837946;
--color-tropical-twist-50: #f9f6df;
--color-tropical-twist-100: #ede9ce;
--color-tropical-twist-200: #dbd6b3;
--color-tropical-twist-300: #bfb98f;
--color-tropical-twist-400: #a99f6e;
--color-tropical-twist-500: #92874e;
--color-tropical-twist-600: #7c7242;
--color-tropical-twist-700: #635b35;
--color-tropical-twist-800: #494225;
--color-tropical-twist-900: #332e18;
--color-tropical-twist-950: #1f1b09;
}SCSS
$tropical-twist: #837946;
$tropical-twist-rgb: 131, 121, 70;
$tropical-twist-light: mix(#fff, $tropical-twist, 20%);
$tropical-twist-dark: mix(#000, $tropical-twist, 20%);
.element {
color: $tropical-twist;
box-shadow: 0 0 0 2px rgba($tropical-twist, 0.35);
}