Najbliższy nazwany kolor · #975936
#975936
Najbliższy nazwany kolor: Indochine
#975936 (rgb(151 89 54), hsl(22 47% 40%), oklch(0.527 0.096 49.1)) jest najbliższy nazwanemu kolorowi Indochine. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#975936
oklch(0.527 0.096 49.1)
Konwersje koloru
- HEX
- #975936
- RGB
- rgb(151 89 54)
- HSL
- hsl(22 47% 40%)
- HWB
- hwb(22 21% 41%)
- OKLCH
- oklch(0.527 0.096 49.1)
- OKLab
- oklab(0.527 0.063 0.072)
- CIE Lab
- lab(44.62 23.78 31.38)
- LCH
- lch(44.62 39.37 52.8)
- CMYK
- cmyk(0% 41% 64% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2694A
- AD795D
- B78971
- C29984
- CCAA98
- D7BBAC
- E1CBC0
- EBDCD5
- F5EEEA
Odcienie ciemniejsze
- 834C2E
- 6F4025
- 5C341E
- 492816
- 371D0F
- 261308
- 170903
- 080301
- 010000
Tony
- 955D3E
- 946246
- 92664E
- 906A56
- 8D6E5D
- 8B7164
- 89756B
- 867972
- 837C79
Harmonie kolorów
Komplementarna +180°
- 975936
Indochine
- 1B7597
≈ Bateau
Analogowa -30° +30°
- 975936
Indochine
- 9B5355
≈ Brown Cerberus
- 88641F
≈ Kumera
Triada +120° +240°
- 975936
Indochine
- 1E7C62
≈ Verdant Green
- 6A619F
≈ Scampi
Komplementarna rozszczepiona +150° +210°
- 975936
Indochine
- 007A7F
≈ Tobernite
- 486BA2
≈ San Marino
Tetrada +90° +180° +270°
- 975936
Indochine
- 4D7841
≈ Mana Tree
- 1B7597
≈ Bateau
- 83588E
≈ Purple Fluorite
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.52:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.79:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--indochine: #975936;
--indochine-rgb: 151 89 54;
--indochine-oklch: oklch(0.527 0.096 49.1);
}
.element {
color: var(--indochine);
background-color: hsl(22 47% 40%);
border-color: oklch(0.527 0.096 49.1);
}Tailwind CSS v4
@theme {
--color-indochine: #975936;
--color-indochine-50: #ffeedd;
--color-indochine-100: #ffe0cc;
--color-indochine-200: #f7c9b0;
--color-indochine-300: #e0aa8b;
--color-indochine-400: #cd8d6b;
--color-indochine-500: #b9724a;
--color-indochine-600: #9c6140;
--color-indochine-700: #7d4d33;
--color-indochine-800: #5d3724;
--color-indochine-900: #412618;
--color-indochine-950: #2a1409;
}SCSS
$indochine: #975936;
$indochine-rgb: 151, 89, 54;
$indochine-light: mix(#fff, $indochine, 20%);
$indochine-dark: mix(#000, $indochine, 20%);
.element {
color: $indochine;
box-shadow: 0 0 0 2px rgba($indochine, 0.35);
}