Nazwany kolor · #BB9B52
Tangy Green
Tangy Green to #BB9B52: rgb(187 155 82), hsl(42 44% 53%), oklch(0.703 0.1 86.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tangy Green color name →
#BB9B52
oklch(0.703 0.1 86.1)
Konwersje koloru
- HEX
- #bb9b52
- RGB
- rgb(187 155 82)
- HSL
- hsl(42 44% 53%)
- HWB
- hwb(42 32% 27%)
- OKLCH
- oklch(0.703 0.1 86.1)
- OKLab
- oklab(0.703 0.007 0.099)
- CIE Lab
- lab(65.8 5.77 42.39)
- LCH
- lch(65.8 42.78 82.2)
- CMYK
- cmyk(0% 17% 56% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2A565
- C8AF76
- CFB988
- D6C399
- DDCDAA
- E4D7BB
- EAE1CC
- F1EBDD
- F8F5EE
Odcienie ciemniejsze
- A28646
- 8A723B
- 735E2F
- 5C4B25
- 46391A
- 322811
- 1F1808
- 0D0902
- 020100
Tony
- B59858
- AF965E
- A99364
- A39168
- 9D8E6D
- 978B71
- 918975
- 8C8679
- 86837D
Harmonie kolorów
Komplementarna +180°
- BB9B52
Tangy Green
- 829EDE
≈ Portage
Analogowa -30° +30°
- BB9B52
Tangy Green
- CF8F61
≈ Whiskey
- 9CA75D
≈ Green Smoke
Triada +120° +240°
- BB9B52
Tangy Green
- 43B1BE
≈ Thalassa
- C089C1
≈ Dragonflies
Komplementarna rozszczepiona +150° +210°
- BB9B52
Tangy Green
- 5DA9D5
≈ Hoeth Blue
- A593D7
≈ Middy’s Purple
Tetrada +90° +180° +270°
- BB9B52
Tangy Green
- 50B49D
≈ Sacred Turquoise
- 829EDE
≈ Portage
- D185A1
≈ Heirloom Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.92:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--tangy-green: #bb9b52;
--tangy-green-rgb: 187 155 82;
--tangy-green-oklch: oklch(0.703 0.1 86.1);
}
.element {
color: var(--tangy-green);
background-color: hsl(42 44% 53%);
border-color: oklch(0.703 0.1 86.1);
}Tailwind CSS v4
@theme {
--color-tangy-green: #bb9b52;
--color-tangy-green-50: #fff4d5;
--color-tangy-green-100: #f6e7c3;
--color-tangy-green-200: #e6d3a4;
--color-tangy-green-300: #cdb57c;
--color-tangy-green-400: #b99a56;
--color-tangy-green-500: #a3812b;
--color-tangy-green-600: #8a6d26;
--color-tangy-green-700: #6f571e;
--color-tangy-green-800: #533f14;
--color-tangy-green-900: #3a2b0d;
--color-tangy-green-950: #241902;
}SCSS
$tangy-green: #bb9b52;
$tangy-green-rgb: 187, 155, 82;
$tangy-green-light: mix(#fff, $tangy-green, 20%);
$tangy-green-dark: mix(#000, $tangy-green, 20%);
.element {
color: $tangy-green;
box-shadow: 0 0 0 2px rgba($tangy-green, 0.35);
}