Najbliższy nazwany kolor · #AD5A0C
#AD5A0C
Najbliższy nazwany kolor: Brandy Bear
#AD5A0C (rgb(173 90 12), hsl(29 87% 36%), oklch(0.556 0.134 55)) jest najbliższy nazwanemu kolorowi Brandy Bear. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AD5A0C
oklch(0.556 0.134 55)
Konwersje koloru
- HEX
- #ad5a0c
- RGB
- rgb(173 90 12)
- HSL
- hsl(29 87% 36%)
- HWB
- hwb(29 5% 32%)
- OKLCH
- oklch(0.556 0.134 55)
- OKLab
- oklab(0.556 0.077 0.109)
- CIE Lab
- lab(47.82 31.44 53.76)
- LCH
- lch(47.82 62.28 59.7)
- CMYK
- cmyk(0% 48% 93% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B66B31
- BF7B4B
- C88B62
- D19C78
- D9AC8E
- E1BCA5
- E9CDBB
- F1DED1
- F8EEE8
Odcienie ciemniejsze
- 964D09
- 7F4106
- 6A3504
- 552903
- 411E02
- 2D1301
- 1B0900
- 0B0300
- 010000
Tony
- A95F23
- A56332
- A1683E
- 9D6C49
- 996F53
- 94735D
- 907666
- 8B7A6F
- 867D77
Harmonie kolorów
Komplementarna +180°
- AD5A0C
Brandy Bear
- 007DAE
≈ Neptune
Analogowa -30° +30°
- AD5A0C
Brandy Bear
- B44F4A
≈ Raging Bull
- 926D00
≈ Honey Yellow Green
Triada +120° +240°
- AD5A0C
Brandy Bear
- 008770
≈ Summer Turquoise
- 7A61B8
≈ Ultra Violet
Komplementarna rozszczepiona +150° +210°
- AD5A0C
Brandy Bear
- 00838E
≈ True Teal
- 4C6FC1
≈ Palace Blue
Tetrada +90° +180° +270°
- AD5A0C
Brandy Bear
- 37873E
≈ Mountain Meadow Green
- 007DAE
≈ Neptune
- 9A559E
≈ Hyacinth Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.94:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.24:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--brandy-bear: #ad5a0c;
--brandy-bear-rgb: 173 90 12;
--brandy-bear-oklch: oklch(0.556 0.134 55);
}
.element {
color: var(--brandy-bear);
background-color: hsl(29 87% 36%);
border-color: oklch(0.556 0.134 55);
}Tailwind CSS v4
@theme {
--color-brandy-bear: #ad5a0c;
--color-brandy-bear-50: #ffecd1;
--color-brandy-bear-100: #ffddbd;
--color-brandy-bear-200: #ffc69c;
--color-brandy-bear-300: #eba672;
--color-brandy-bear-400: #da874b;
--color-brandy-bear-500: #c76a14;
--color-brandy-bear-600: #a85a16;
--color-brandy-bear-700: #874812;
--color-brandy-bear-800: #65330d;
--color-brandy-bear-900: #472308;
--color-brandy-bear-950: #2e1100;
}SCSS
$brandy-bear: #ad5a0c;
$brandy-bear-rgb: 173, 90, 12;
$brandy-bear-light: mix(#fff, $brandy-bear, 20%);
$brandy-bear-dark: mix(#000, $brandy-bear, 20%);
.element {
color: $brandy-bear;
box-shadow: 0 0 0 2px rgba($brandy-bear, 0.35);
}