Nazwany kolor · #BCCB7A
Greenish Tan
Greenish Tan to #BCCB7A: rgb(188 203 122), hsl(71 44% 64%), oklch(0.812 0.106 117.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Greenish Tan color name →
#BCCB7A
oklch(0.812 0.106 117.4)
Konwersje koloru
- HEX
- #bccb7a
- RGB
- rgb(188 203 122)
- HSL
- hsl(71 44% 64%)
- HWB
- hwb(71 48% 20%)
- OKLCH
- oklch(0.812 0.106 117.4)
- OKLab
- oklab(0.812 -0.049 0.094)
- CIE Lab
- lab(79.15 -14.64 38.53)
- LCH
- lch(79.15 41.21 110.8)
- CMYK
- cmyk(7% 0% 40% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2D088
- C9D696
- CFDBA3
- D6E0B1
- DDE5BE
- E3EACB
- EAF0D8
- F1F5E5
- F8FAF2
Odcienie ciemniejsze
- A3B069
- 8B9659
- 737D49
- 5D653A
- 474D2B
- 32371D
- 1F2210
- 0D0F05
- 020201
Tony
- B6C37C
- B0BC7D
- A9B47E
- A3AD7F
- 9DA580
- 979E80
- 919680
- 8C8F80
- 868780
Harmonie kolorów
Komplementarna +180°
- BCCB7A
Greenish Tan
- C9B3FE
≈ Teasel Dipsacus
Analogowa -30° +30°
- BCCB7A
Greenish Tan
- DFBE6E
≈ Tropical Siesta
- 92D59A
≈ May Apple
Triada +120° +240°
- BCCB7A
Greenish Tan
- 7BCCFE
≈ Bubbly Barracuda
- FAA5C2
≈ Rogue Pink
Komplementarna rozszczepiona +150° +210°
- BCCB7A
Greenish Tan
- A7C0FF
≈ Pastel Blue
- E7A9E5
≈ Candy Floss
Tetrada +90° +180° +270°
- BCCB7A
Greenish Tan
- 61D5E5
≈ Turquoise Sea
- C9B3FE
≈ Teasel Dipsacus
- FFA79C
≈ Corally
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.96:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--greenish-tan: #bccb7a;
--greenish-tan-rgb: 188 203 122;
--greenish-tan-oklch: oklch(0.812 0.106 117.4);
}
.element {
color: var(--greenish-tan);
background-color: hsl(71 44% 64%);
border-color: oklch(0.812 0.106 117.4);
}Tailwind CSS v4
@theme {
--color-greenish-tan: #bccb7a;
--color-greenish-tan-50: #f1fad8;
--color-greenish-tan-100: #e3eec6;
--color-greenish-tan-200: #cedba8;
--color-greenish-tan-300: #b1c081;
--color-greenish-tan-400: #99a75c;
--color-greenish-tan-500: #818f34;
--color-greenish-tan-600: #6d792d;
--color-greenish-tan-700: #576124;
--color-greenish-tan-800: #414717;
--color-greenish-tan-900: #2d310f;
--color-greenish-tan-950: #1a1d03;
}SCSS
$greenish-tan: #bccb7a;
$greenish-tan-rgb: 188, 203, 122;
$greenish-tan-light: mix(#fff, $greenish-tan, 20%);
$greenish-tan-dark: mix(#000, $greenish-tan, 20%);
.element {
color: $greenish-tan;
box-shadow: 0 0 0 2px rgba($greenish-tan, 0.35);
}