Adlandırılmış renk · #BCA949
Cress Green
Cress Green, #BCA949: rgb(188 169 73), hsl(50 46% 51%), oklch(0.732 0.118 98.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Cress Green color name →
#BCA949
oklch(0.732 0.118 98.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2B25E
- C9BA72
- D0C384
- D6CC96
- DDD4A8
- E4DDB9
- EAE5CB
- F1EEDC
- F8F6EE
Koyu tonlar
- A3923E
- 8B7C34
- 73672A
- 5D5320
- 473F17
- 322C0E
- 1F1B06
- 0D0A02
- 020100
Gri tonlar
- B6A552
- B0A159
- A99D60
- A39966
- 9D956B
- 979170
- 918D74
- 8C8878
- 86847C
Renk uyumları
Tamamlayıcı +180°
- BCA949
Cress Green
- 97A1F2
≈ Cold Lips
Analog -30° +30°
- BCA949
Cress Green
- D99A50
≈ Poseidon’s Gold
- 93B763
≈ Fresh Mown
Üçlü +120° +240°
- BCA949
Cress Green
- 37BADA
≈ Lake Thun
- D98BC2
≈ Cyclamen
Bölünmüş tamamlayıcı +150° +210°
- BCA949
Cress Green
- 69AEEF
≈ Blue Jeans
- BD94E2
≈ Bright Lavender
Dörtlü +90° +180° +270°
- BCA949
Cress Green
- 2EC0B6
≈ Tint of Turquoise
- 97A1F2
≈ Cold Lips
- E7889A
≈ Iced Berry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.35:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.90:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}