Nazwany kolor · #98523D
Tropical Nut
Tropical Nut to #98523D: rgb(152 82 61), hsl(14 43% 42%), oklch(0.517 0.099 37.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tropical Nut color name →
#98523D
oklch(0.517 0.099 37.5)
Konwersje koloru
- HEX
- #98523d
- RGB
- rgb(152 82 61)
- HSL
- hsl(14 43% 42%)
- HWB
- hwb(14 24% 40%)
- OKLCH
- oklch(0.517 0.099 37.5)
- OKLab
- oklab(0.517 0.079 0.06)
- CIE Lab
- lab(43.24 28.33 25.79)
- LCH
- lch(43.24 38.32 42.3)
- CMYK
- cmyk(0% 46% 60% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3634F
- AE7362
- B98474
- C39587
- CEA69B
- D8B8AE
- E2C9C2
- ECDBD6
- F5EDEA
Odcienie ciemniejsze
- 844634
- 703B2B
- 5C2F22
- 4A251A
- 381A12
- 27110A
- 170804
- 080201
- 010000
Tony
- 965744
- 955C4B
- 936152
- 916659
- 8E6A5F
- 8C6F66
- 89736C
- 867873
- 837C7A
Harmonie kolorów
Komplementarna +180°
- 98523D
Tropical Nut
- 00758B
≈ Enamel Blue
Analogowa -30° +30°
- 98523D
Tropical Nut
- 974E5E
≈ Vin Rouge
- 8D5C1E
≈ Afghan Carpet
Triada +120° +240°
- 98523D
Tropical Nut
- 2C7951
≈ Canadian Pine
- 5B62A0
≈ Violet Storm
Komplementarna rozszczepiona +150° +210°
- 98523D
Tropical Nut
- 007971
≈ Pond Moss
- 346C9E
≈ Lochmara
Tetrada +90° +180° +270°
- 98523D
Tropical Nut
- 58732F
≈ Deep Pine
- 00758B
≈ Enamel Blue
- 785894
≈ Juneberry
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.81:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.60:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--tropical-nut: #98523d;
--tropical-nut-rgb: 152 82 61;
--tropical-nut-oklch: oklch(0.517 0.099 37.5);
}
.element {
color: var(--tropical-nut);
background-color: hsl(14 43% 42%);
border-color: oklch(0.517 0.099 37.5);
}Tailwind CSS v4
@theme {
--color-tropical-nut: #98523d;
--color-tropical-nut-50: #ffece0;
--color-tropical-nut-100: #ffded0;
--color-tropical-nut-200: #fbc7b5;
--color-tropical-nut-300: #e4a792;
--color-tropical-nut-400: #d18a74;
--color-tropical-nut-500: #be6d55;
--color-tropical-nut-600: #a05d49;
--color-tropical-nut-700: #814a3a;
--color-tropical-nut-800: #60352a;
--color-tropical-nut-900: #43241c;
--color-tropical-nut-950: #2b130c;
}SCSS
$tropical-nut: #98523d;
$tropical-nut-rgb: 152, 82, 61;
$tropical-nut-light: mix(#fff, $tropical-nut, 20%);
$tropical-nut-dark: mix(#000, $tropical-nut, 20%);
.element {
color: $tropical-nut;
box-shadow: 0 0 0 2px rgba($tropical-nut, 0.35);
}