Nazwany kolor · #C0A85A
Yellow Maize
Yellow Maize to #C0A85A: rgb(192 168 90), hsl(46 45% 55%), oklch(0.736 0.102 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yellow Maize color name →
#C0A85A
oklch(0.736 0.102 92.7)
Konwersje koloru
- HEX
- #c0a85a
- RGB
- rgb(192 168 90)
- HSL
- hsl(46 45% 55%)
- HWB
- hwb(46 35% 25%)
- OKLCH
- oklch(0.736 0.102 92.7)
- OKLab
- oklab(0.736 -0.005 0.102)
- CIE Lab
- lab(69.77 1.74 43.18)
- LCH
- lch(69.77 43.21 87.7)
- CMYK
- cmyk(0% 13% 53% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6B16C
- CCB97D
- D3C28E
- D9CB9E
- DFD3AE
- E5DCBE
- ECE5CE
- F2EEDF
- F9F6EF
Odcienie ciemniejsze
- A7924D
- 8E7C41
- 766735
- 5F5229
- 493F1E
- 342C13
- 201A09
- 0E0A03
- 020100
Tony
- B9A460
- B3A065
- AC9C69
- A6986D
- 9F9471
- 999074
- 938C78
- 8C887B
- 86847D
Harmonie kolorów
Komplementarna +180°
- C0A85A
Yellow Maize
- 94A5EA
≈ Cold Lips
Analogowa -30° +30°
- C0A85A
Yellow Maize
- D89B64
≈ Apple Cider
- 9EB46A
≈ Light Birch Green
Triada +120° +240°
- C0A85A
Yellow Maize
- 4EBAD0
≈ Glimpse
- D091C6
≈ Carnation Rose
Komplementarna rozszczepiona +150° +210°
- C0A85A
Yellow Maize
- 6DB1E5
≈ Sanctuary Spa
- B69ADF
≈ Violet Velvet
Tetrada +90° +180° +270°
- C0A85A
Yellow Maize
- 52BFAF
≈ Florida Keys
- 94A5EA
≈ Cold Lips
- E08EA4
≈ Underwater Flare
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.33:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.98:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellow-maize: #c0a85a;
--yellow-maize-rgb: 192 168 90;
--yellow-maize-oklch: oklch(0.736 0.102 92.7);
}
.element {
color: var(--yellow-maize);
background-color: hsl(46 45% 55%);
border-color: oklch(0.736 0.102 92.7);
}Tailwind CSS v4
@theme {
--color-yellow-maize: #c0a85a;
--color-yellow-maize-50: #fef5d5;
--color-yellow-maize-100: #f2e8c2;
--color-yellow-maize-200: #e2d4a3;
--color-yellow-maize-300: #c8b77a;
--color-yellow-maize-400: #b39d54;
--color-yellow-maize-500: #9e8427;
--color-yellow-maize-600: #857023;
--color-yellow-maize-700: #6b591c;
--color-yellow-maize-800: #504112;
--color-yellow-maize-900: #372d0b;
--color-yellow-maize-950: #221901;
}SCSS
$yellow-maize: #c0a85a;
$yellow-maize-rgb: 192, 168, 90;
$yellow-maize-light: mix(#fff, $yellow-maize, 20%);
$yellow-maize-dark: mix(#000, $yellow-maize, 20%);
.element {
color: $yellow-maize;
box-shadow: 0 0 0 2px rgba($yellow-maize, 0.35);
}