Najbliższy nazwany kolor · #744B1F
#744B1F
Najbliższy nazwany kolor: Antique Brass
#744B1F (rgb(116 75 31), hsl(31 58% 29%), oklch(0.45 0.081 64.8)) jest najbliższy nazwanemu kolorowi Antique Brass. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#744B1F
oklch(0.45 0.081 64.8)
Konwersje koloru
- HEX
- #744b1f
- RGB
- rgb(116 75 31)
- HSL
- hsl(31 58% 29%)
- HWB
- hwb(31 12% 55%)
- OKLCH
- oklch(0.45 0.081 64.8)
- OKLab
- oklab(0.45 0.034 0.073)
- CIE Lab
- lab(36.01 14.75 32.72)
- LCH
- lch(36.01 35.89 65.7)
- CMYK
- cmyk(0% 35% 73% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 825C36
- 8F6D4B
- 9D7E61
- AB9076
- B9A28C
- C7B4A2
- D5C6B9
- E3D9D0
- F1ECE7
Odcienie ciemniejsze
- 644019
- 543514
- 452B0F
- 37210A
- 291706
- 1B0E03
- 0F0601
- 050200
- 010000
Tony
- 76502B
- 775635
- 795B3F
- 7A6149
- 7B6652
- 7C6B5B
- 7D7064
- 7E766E
- 7F7B77
Harmonie kolorów
Komplementarna +180°
- 744B1F
Antique Brass
- 2A597F
≈ Bahama Blue
Analogowa -30° +30°
- 744B1F
Antique Brass
- 7C4436
≈ Peanut
- 645417
≈ Olive Brown
Triada +120° +240°
- 744B1F
Antique Brass
- 00635B
≈ Dancing Peacock
- 604979
≈ Royal Robe
Komplementarna rozszczepiona +150° +210°
- 744B1F
Antique Brass
- 006071
≈ Ocean Radiance
- 485182
≈ Blue Jewel
Tetrada +90° +180° +270°
- 744B1F
Antique Brass
- 2B6241
≈ Green Pea
- 2A597F
≈ Bahama Blue
- 714367
≈ Purple Drab
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.58:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.76:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--antique-brass: #744b1f;
--antique-brass-rgb: 116 75 31;
--antique-brass-oklch: oklch(0.45 0.081 64.8);
}
.element {
color: var(--antique-brass);
background-color: hsl(31 58% 29%);
border-color: oklch(0.45 0.081 64.8);
}Tailwind CSS v4
@theme {
--color-antique-brass: #744b1f;
--color-antique-brass-50: #fff1dd;
--color-antique-brass-100: #fbe3cc;
--color-antique-brass-200: #ecceb0;
--color-antique-brass-300: #d4b08b;
--color-antique-brass-400: #c0956b;
--color-antique-brass-500: #ab7b4a;
--color-antique-brass-600: #91683f;
--color-antique-brass-700: #745332;
--color-antique-brass-800: #563c24;
--color-antique-brass-900: #3c2918;
--color-antique-brass-950: #261709;
}SCSS
$antique-brass: #744b1f;
$antique-brass-rgb: 116, 75, 31;
$antique-brass-light: mix(#fff, $antique-brass, 20%);
$antique-brass-dark: mix(#000, $antique-brass, 20%);
.element {
color: $antique-brass;
box-shadow: 0 0 0 2px rgba($antique-brass, 0.35);
}