Nazwany kolor · #BAB078
Gracious Glow
Gracious Glow to #BAB078: rgb(186 176 120), hsl(51 32% 60%), oklch(0.752 0.075 99.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gracious Glow color name →
#BAB078
oklch(0.752 0.075 99.3)
Konwersje koloru
- HEX
- #bab078
- RGB
- rgb(186 176 120)
- HSL
- hsl(51 32% 60%)
- HWB
- hwb(51 47% 27%)
- OKLCH
- oklch(0.752 0.075 99.3)
- OKLab
- oklab(0.752 -0.012 0.074)
- CIE Lab
- lab(71.68 -2.51 30.09)
- LCH
- lch(71.68 30.19 94.8)
- CMYK
- cmyk(0% 5% 35% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1B886
- C7C093
- CEC7A0
- D5CFAE
- DCD7BB
- E3DFC9
- EAE7D6
- F1EFE4
- F8F7F1
Odcienie ciemniejsze
- A19967
- 898257
- 726C48
- 5C5639
- 46422A
- 322E1D
- 1E1C10
- 0D0B05
- 020101
Tony
- B4AB79
- AEA67B
- A8A27C
- A29D7D
- 9C987E
- 97937E
- 918E7F
- 8B8A7F
- 868580
Harmonie kolorów
Komplementarna +180°
- BAB078
Gracious Glow
- A4AADE
≈ Childish Wonder
Analogowa -30° +30°
- BAB078
Gracious Glow
- CEA67A
≈ City Sunrise
- A0B986
≈ Glendale
Triada +120° +240°
- BAB078
Gracious Glow
- 76BACF
≈ Blue Chrysocolla
- CF9CBE
≈ Peach Buff
Komplementarna rozszczepiona +150° +210°
- BAB078
Gracious Glow
- 8AB3DD
≈ Dun Morogh Blue
- BDA2D3
≈ Purple Premiere
Tetrada +90° +180° +270°
- BAB078
Gracious Glow
- 73BEB8
≈ Polished Aqua
- A4AADE
≈ Childish Wonder
- D99BA4
≈ Glamour
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.56:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--gracious-glow: #bab078;
--gracious-glow-rgb: 186 176 120;
--gracious-glow-oklch: oklch(0.752 0.075 99.3);
}
.element {
color: var(--gracious-glow);
background-color: hsl(51 32% 60%);
border-color: oklch(0.752 0.075 99.3);
}Tailwind CSS v4
@theme {
--color-gracious-glow: #bab078;
--color-gracious-glow-50: #f9f6de;
--color-gracious-glow-100: #ede9cd;
--color-gracious-glow-200: #dbd6b1;
--color-gracious-glow-300: #bfb98d;
--color-gracious-glow-400: #a9a06b;
--color-gracious-glow-500: #92874a;
--color-gracious-glow-600: #7c723f;
--color-gracious-glow-700: #635c32;
--color-gracious-glow-800: #4a4323;
--color-gracious-glow-900: #332e17;
--color-gracious-glow-950: #1f1b08;
}SCSS
$gracious-glow: #bab078;
$gracious-glow-rgb: 186, 176, 120;
$gracious-glow-light: mix(#fff, $gracious-glow, 20%);
$gracious-glow-dark: mix(#000, $gracious-glow, 20%);
.element {
color: $gracious-glow;
box-shadow: 0 0 0 2px rgba($gracious-glow, 0.35);
}