Najbliższy nazwany kolor · #A06837
#A06837
Najbliższy nazwany kolor: Mai Tai
#A06837 (rgb(160 104 55), hsl(28 49% 42%), oklch(0.567 0.097 60.1)) jest najbliższy nazwanemu kolorowi Mai Tai. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A06837
oklch(0.567 0.097 60.1)
Konwersje koloru
- HEX
- #a06837
- RGB
- rgb(160 104 55)
- HSL
- hsl(28 49% 42%)
- HWB
- hwb(28 22% 37%)
- OKLCH
- oklch(0.567 0.097 60.1)
- OKLab
- oklab(0.567 0.048 0.084)
- CIE Lab
- lab(49.47 19.62 36.69)
- LCH
- lch(49.47 41.6 61.9)
- CMYK
- cmyk(0% 35% 66% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA774C
- B4855F
- BD9473
- C7A386
- D0B29A
- DAC1AE
- E3D0C2
- EDE0D6
- F6EFEA
Odcienie ciemniejsze
- 8B592E
- 764B26
- 613E1E
- 4E3016
- 3B240F
- 291808
- 190C03
- 090401
- 010000
Tony
- 9D6B40
- 9A6D48
- 977050
- 947357
- 91755F
- 8E7766
- 8B7A6C
- 877C73
- 847E7A
Harmonie kolorów
Komplementarna +180°
- A06837
Mai Tai
- 3A7EAA
≈ Beijing Blue
Analogowa -30° +30°
- A06837
Mai Tai
- A86054
≈ Foxy
- 8D742A
≈ Aubergine Green
Triada +120° +240°
- A06837
Mai Tai
- 1A8979
≈ Palm Springs Splash
- 8069A7
≈ Wintertime Mauve
Komplementarna rozszczepiona +150° +210°
- A06837
Mai Tai
- 088696
≈ Painted Sea
- 6073B0
≈ Wild Pansy
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.63:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.53:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--mai-tai: #a06837;
--mai-tai-rgb: 160 104 55;
--mai-tai-oklch: oklch(0.567 0.097 60.1);
}
.element {
color: var(--mai-tai);
background-color: hsl(28 49% 42%);
border-color: oklch(0.567 0.097 60.1);
}Tailwind CSS v4
@theme {
--color-mai-tai: #a06837;
--color-mai-tai-50: #fff0da;
--color-mai-tai-100: #ffe1c8;
--color-mai-tai-200: #f3ccaa;
--color-mai-tai-300: #dcad84;
--color-mai-tai-400: #c99162;
--color-mai-tai-500: #b5763e;
--color-mai-tai-600: #996436;
--color-mai-tai-700: #7a502b;
--color-mai-tai-800: #5b391e;
--color-mai-tai-900: #402714;
--color-mai-tai-950: #291506;
}SCSS
$mai-tai: #a06837;
$mai-tai-rgb: 160, 104, 55;
$mai-tai-light: mix(#fff, $mai-tai, 20%);
$mai-tai-dark: mix(#000, $mai-tai, 20%);
.element {
color: $mai-tai;
box-shadow: 0 0 0 2px rgba($mai-tai, 0.35);
}