Nazwany kolor · #BCA949
Cress Green
Cress Green to #BCA949: rgb(188 169 73), hsl(50 46% 51%), oklch(0.732 0.118 98.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cress Green color name →
#BCA949
oklch(0.732 0.118 98.2)
Konwersje koloru
- HEX
- #bca949
- RGB
- rgb(188 169 73)
- HSL
- hsl(50 46% 51%)
- HWB
- hwb(50 29% 26%)
- OKLCH
- oklch(0.732 0.118 98.2)
- OKLab
- oklab(0.732 -0.017 0.117)
- CIE Lab
- lab(69.49 -1.41 50.76)
- LCH
- lch(69.49 50.78 91.6)
- CMYK
- cmyk(0% 10% 61% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2B25E
- C9BA72
- D0C384
- D6CC96
- DDD4A8
- E4DDB9
- EAE5CB
- F1EEDC
- F8F6EE
Odcienie ciemniejsze
- A3923E
- 8B7C34
- 73672A
- 5D5320
- 473F17
- 322C0E
- 1F1B06
- 0D0A02
- 020100
Tony
- B6A552
- B0A159
- A99D60
- A39966
- 9D956B
- 979170
- 918D74
- 8C8878
- 86847C
Harmonie kolorów
Komplementarna +180°
- BCA949
Cress Green
- 97A1F2
≈ Cold Lips
Analogowa -30° +30°
- BCA949
Cress Green
- D99A50
≈ Poseidon’s Gold
- 93B763
≈ Fresh Mown
Triada +120° +240°
- BCA949
Cress Green
- 37BADA
≈ Lake Thun
- D98BC2
≈ Cyclamen
Komplementarna rozszczepiona +150° +210°
- BCA949
Cress Green
- 69AEEF
≈ Blue Jeans
- BD94E2
≈ Bright Lavender
Tetrada +90° +180° +270°
- BCA949
Cress Green
- 2EC0B6
≈ Tint of Turquoise
- 97A1F2
≈ Cold Lips
- E7889A
≈ Iced Berry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.35:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.90:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--cress-green: #bca949;
--cress-green-rgb: 188 169 73;
--cress-green-oklch: oklch(0.732 0.118 98.2);
}
.element {
color: var(--cress-green);
background-color: hsl(50 46% 51%);
border-color: oklch(0.732 0.118 98.2);
}Tailwind CSS v4
@theme {
--color-cress-green: #bca949;
--color-cress-green-50: #fcf7d0;
--color-cress-green-100: #f0eabd;
--color-cress-green-200: #dfd69c;
--color-cress-green-300: #c5b971;
--color-cress-green-400: #b19f45;
--color-cress-green-500: #9b8600;
--color-cress-green-600: #837105;
--color-cress-green-700: #695b07;
--color-cress-green-800: #4f4202;
--color-cress-green-900: #372d03;
--color-cress-green-950: #221a00;
}SCSS
$cress-green: #bca949;
$cress-green-rgb: 188, 169, 73;
$cress-green-light: mix(#fff, $cress-green, 20%);
$cress-green-dark: mix(#000, $cress-green, 20%);
.element {
color: $cress-green;
box-shadow: 0 0 0 2px rgba($cress-green, 0.35);
}