Nazwany kolor · #C6B077
Saucy
Saucy to #C6B077: rgb(198 176 119), hsl(43 41% 62%), oklch(0.763 0.079 89.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Saucy color name →
#C6B077
oklch(0.763 0.079 89.3)
Konwersje koloru
- HEX
- #c6b077
- RGB
- rgb(198 176 119)
- HSL
- hsl(43 41% 62%)
- HWB
- hwb(43 47% 22%)
- OKLCH
- oklch(0.763 0.079 89.3)
- OKLab
- oklab(0.763 0.001 0.079)
- CIE Lab
- lab(72.76 2.29 32.26)
- LCH
- lch(72.76 32.34 85.9)
- CMYK
- cmyk(0% 11% 40% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCB885
- D1C092
- D7C8A0
- DDCFAE
- E2D7BB
- E8DFC9
- EEE7D6
- F3EFE4
- F9F7F1
Odcienie ciemniejsze
- AC9967
- 928257
- 7A6C47
- 625638
- 4B422A
- 352E1C
- 211C10
- 0E0B05
- 020101
Tony
- BFAB79
- B8A67A
- B0A27B
- A99D7C
- A2987D
- 9B937E
- 948E7F
- 8E8A7F
- 878580
Harmonie kolorów
Komplementarna +180°
- C6B077
Saucy
- 9DB0E5
≈ Myrtle Flower
Analogowa -30° +30°
- C6B077
Saucy
- D8A67F
≈ Honey Bronze
- ACBA80
≈ Nile
Triada +120° +240°
- C6B077
Saucy
- 72C0CD
≈ Meltwater
- CFA0CB
≈ Geranium Bud
Komplementarna rozszczepiona +150° +210°
- C6B077
Saucy
- 83B9DF
≈ Enchanting
- B9A7DE
≈ Enchanted Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.12:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.87:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--saucy: #c6b077;
--saucy-rgb: 198 176 119;
--saucy-oklch: oklch(0.763 0.079 89.3);
}
.element {
color: var(--saucy);
background-color: hsl(43 41% 62%);
border-color: oklch(0.763 0.079 89.3);
}Tailwind CSS v4
@theme {
--color-saucy: #c6b077;
--color-saucy-50: #fdf5dc;
--color-saucy-100: #f1e8cb;
--color-saucy-200: #e1d4ae;
--color-saucy-300: #c6b789;
--color-saucy-400: #b19d67;
--color-saucy-500: #9b8445;
--color-saucy-600: #836f3b;
--color-saucy-700: #69592f;
--color-saucy-800: #4e4121;
--color-saucy-900: #362d15;
--color-saucy-950: #211a07;
}SCSS
$saucy: #c6b077;
$saucy-rgb: 198, 176, 119;
$saucy-light: mix(#fff, $saucy, 20%);
$saucy-dark: mix(#000, $saucy, 20%);
.element {
color: $saucy;
box-shadow: 0 0 0 2px rgba($saucy, 0.35);
}