Adlandırılmış renk · #BACB7C
Floral Bouquet
Floral Bouquet, #BACB7C: rgb(186 203 124), hsl(73 43% 64%), oklch(0.811 0.105 118.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Floral Bouquet color name →
#BACB7C
oklch(0.811 0.105 118.7)
Renk dönüşümleri
- HEX
- #bacb7c
- RGB
- rgb(186 203 124)
- HSL
- hsl(73 43% 64%)
- HWB
- hwb(73 49% 20%)
- OKLCH
- oklch(0.811 0.105 118.7)
- OKLab
- oklab(0.811 -0.05 0.092)
- CIE Lab
- lab(79.02 -15.24 37.33)
- LCH
- lch(79.02 40.32 112.2)
- CMYK
- cmyk(8% 0% 39% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C1D08A
- C7D697
- CEDBA4
- D5E0B2
- DCE5BF
- E3EACB
- EAF0D8
- F1F5E5
- F8FAF2
Koyu tonlar
- A1B06B
- 89965A
- 727D4A
- 5C653B
- 464D2C
- 32371E
- 1E2211
- 0D0F05
- 020201
Gri tonlar
- B4C37D
- AEBC7E
- A8B47F
- A2AD80
- 9CA580
- 979E81
- 919681
- 8B8F81
- 868780
Renk uyumları
Tamamlayıcı +180°
- BACB7C
Floral Bouquet
- CAB2FC
≈ Teasel Dipsacus
Analog -30° +30°
- BACB7C
Floral Bouquet
- DDBE6F
≈ Tropical Siesta
- 91D49C
≈ May Apple
Üçlü +120° +240°
- BACB7C
Floral Bouquet
- 7ECBFD
≈ Chromis Damsel Blue
- F9A5C0
≈ Rogue Pink
Bölünmüş tamamlayıcı +150° +210°
- BACB7C
Floral Bouquet
- A8BFFF
≈ Pastel Blue
- E7A9E3
≈ Candy Floss
Dörtlü +90° +180° +270°
- BACB7C
Floral Bouquet
- 64D4E5
≈ Turquoise Sea
- CAB2FC
≈ Teasel Dipsacus
- FEA79B
≈ Corally
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.92:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--floral-bouquet: #bacb7c;
--floral-bouquet-rgb: 186 203 124;
--floral-bouquet-oklch: oklch(0.811 0.105 118.7);
}
.element {
color: var(--floral-bouquet);
background-color: hsl(73 43% 64%);
border-color: oklch(0.811 0.105 118.7);
}Tailwind CSS v4
@theme {
--color-floral-bouquet: #bacb7c;
--color-floral-bouquet-50: #f0fad9;
--color-floral-bouquet-100: #e2eec7;
--color-floral-bouquet-200: #cddcaa;
--color-floral-bouquet-300: #afc083;
--color-floral-bouquet-400: #98a75e;
--color-floral-bouquet-500: #7f8f37;
--color-floral-bouquet-600: #6c7930;
--color-floral-bouquet-700: #566126;
--color-floral-bouquet-800: #404719;
--color-floral-bouquet-900: #2c3110;
--color-floral-bouquet-950: #191d03;
}SCSS
$floral-bouquet: #bacb7c;
$floral-bouquet-rgb: 186, 203, 124;
$floral-bouquet-light: mix(#fff, $floral-bouquet, 20%);
$floral-bouquet-dark: mix(#000, $floral-bouquet, 20%);
.element {
color: $floral-bouquet;
box-shadow: 0 0 0 2px rgba($floral-bouquet, 0.35);
}