Nazwany kolor · #AAA662
Wholemeal Cookie
Wholemeal Cookie to #AAA662: rgb(170 166 98), hsl(57 30% 53%), oklch(0.713 0.09 105.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Wholemeal Cookie color name →
#AAA662
oklch(0.713 0.09 105.5)
Konwersje koloru
- HEX
- #aaa662
- RGB
- rgb(170 166 98)
- HSL
- hsl(57 30% 53%)
- HWB
- hwb(57 38% 33%)
- OKLCH
- oklch(0.713 0.09 105.5)
- OKLab
- oklab(0.713 -0.024 0.086)
- CIE Lab
- lab(67.29 -5.92 35.63)
- LCH
- lch(67.29 36.12 99.4)
- CMYK
- cmyk(0% 2% 42% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2AF72
- BAB882
- C3C092
- CBC9A1
- D3D2B1
- DCDBC0
- E5E4D0
- EDEDDF
- F6F6EF
Odcienie ciemniejsze
- 939054
- 7D7A47
- 68653A
- 53512D
- 3F3E21
- 2D2B16
- 1B1A0B
- 0B0A03
- 010100
Tony
- A6A266
- A19E6A
- 9D9B6D
- 999771
- 959374
- 908F76
- 8C8C79
- 88887B
- 84847E
Harmonie kolorów
Komplementarna +180°
- AAA662
Wholemeal Cookie
- 9D9BD8
≈ Bluebell Frost
Analogowa -30° +30°
- AAA662
Wholemeal Cookie
- C39B61
≈ Lion
- 8AAF77
≈ Sage
Triada +120° +240°
- AAA662
Wholemeal Cookie
- 5FAECD
≈ Crystal Seas
- CB8CAF
≈ Bossy-Pants Pink
Komplementarna rozszczepiona +150° +210°
- AAA662
Wholemeal Cookie
- 7DA5DA
≈ Blue Cue
- B891C9
≈ Cut Velvet
Tetrada +90° +180° +270°
- AAA662
Wholemeal Cookie
- 55B4B4
≈ Crystalsong Blue
- 9D9BD8
≈ Bluebell Frost
- D48B90
≈ Dusty Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.34:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--wholemeal-cookie: #aaa662;
--wholemeal-cookie-rgb: 170 166 98;
--wholemeal-cookie-oklch: oklch(0.713 0.09 105.5);
}
.element {
color: var(--wholemeal-cookie);
background-color: hsl(57 30% 53%);
border-color: oklch(0.713 0.09 105.5);
}Tailwind CSS v4
@theme {
--color-wholemeal-cookie: #aaa662;
--color-wholemeal-cookie-50: #f7f8da;
--color-wholemeal-cookie-100: #eaebc9;
--color-wholemeal-cookie-200: #d8d8ac;
--color-wholemeal-cookie-300: #bcbb86;
--color-wholemeal-cookie-400: #a6a262;
--color-wholemeal-cookie-500: #8e8a3d;
--color-wholemeal-cookie-600: #797435;
--color-wholemeal-cookie-700: #605d2a;
--color-wholemeal-cookie-800: #48441c;
--color-wholemeal-cookie-900: #322f12;
--color-wholemeal-cookie-950: #1e1b05;
}SCSS
$wholemeal-cookie: #aaa662;
$wholemeal-cookie-rgb: 170, 166, 98;
$wholemeal-cookie-light: mix(#fff, $wholemeal-cookie, 20%);
$wholemeal-cookie-dark: mix(#000, $wholemeal-cookie, 20%);
.element {
color: $wholemeal-cookie;
box-shadow: 0 0 0 2px rgba($wholemeal-cookie, 0.35);
}