Adlandırılmış renk · #BBA748
Forest Tent
Forest Tent, #BBA748: rgb(187 167 72), hsl(50 46% 51%), oklch(0.727 0.117 97.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Forest Tent color name →
#BBA748
oklch(0.727 0.117 97.5)
Renk dönüşümleri
- HEX
- #bba748
- RGB
- rgb(187 167 72)
- HSL
- hsl(50 46% 51%)
- HWB
- hwb(50 28% 27%)
- OKLCH
- oklch(0.727 0.117 97.5)
- OKLab
- oklab(0.727 -0.015 0.116)
- CIE Lab
- lab(68.86 -0.89 50.5)
- LCH
- lch(68.86 50.51 91)
- CMYK
- cmyk(0% 11% 61% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2B05D
- C8B971
- CFC184
- D6CA96
- DCD3A7
- E3DCB9
- EAE5CA
- F1EDDC
- F8F6ED
Koyu tonlar
- A2913D
- 8A7B33
- 736629
- 5C521F
- 463E16
- 322C0D
- 1F1A06
- 0D0A02
- 020100
Gri tonlar
- B5A351
- AF9F58
- A99C5F
- A39865
- 9D946A
- 97906F
- 918C74
- 8B8878
- 86847C
Renk uyumları
Tamamlayıcı +180°
- BBA748
Forest Tent
- 959FF0
≈ Cold Lips
Analog -30° +30°
- BBA748
Forest Tent
- D79850
≈ Poseidon’s Gold
- 92B561
≈ Fresh Mown
Üçlü +120° +240°
- BBA748
Forest Tent
- 35B8D7
≈ Ocean Sigh
- D689C1
≈ Cyclamen
Bölünmüş tamamlayıcı +150° +210°
- BBA748
Forest Tent
- 67ADED
≈ Blue Jeans
- BB92E0
≈ Bright Lavender
Dörtlü +90° +180° +270°
- BBA748
Forest Tent
- 2EBEB4
≈ Magnetic Magic
- 959FF0
≈ Cold Lips
- E58699
≈ Rose Soiree
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.73:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--forest-tent: #bba748;
--forest-tent-rgb: 187 167 72;
--forest-tent-oklch: oklch(0.727 0.117 97.5);
}
.element {
color: var(--forest-tent);
background-color: hsl(50 46% 51%);
border-color: oklch(0.727 0.117 97.5);
}Tailwind CSS v4
@theme {
--color-forest-tent: #bba748;
--color-forest-tent-50: #fdf7d0;
--color-forest-tent-100: #f1e9bd;
--color-forest-tent-200: #e0d69c;
--color-forest-tent-300: #c6b971;
--color-forest-tent-400: #b19f46;
--color-forest-tent-500: #9c8600;
--color-forest-tent-600: #847108;
--color-forest-tent-700: #695a08;
--color-forest-tent-800: #4f4103;
--color-forest-tent-900: #372d03;
--color-forest-tent-950: #221a00;
}SCSS
$forest-tent: #bba748;
$forest-tent-rgb: 187, 167, 72;
$forest-tent-light: mix(#fff, $forest-tent, 20%);
$forest-tent-dark: mix(#000, $forest-tent, 20%);
.element {
color: $forest-tent;
box-shadow: 0 0 0 2px rgba($forest-tent, 0.35);
}