Nazwany kolor · #CAA444
Golden Touch
Golden Touch to #CAA444: rgb(202 164 68), hsl(43 56% 53%), oklch(0.735 0.121 87.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Touch color name →
#CAA444
oklch(0.735 0.121 87.2)
Konwersje koloru
- HEX
- #caa444
- RGB
- rgb(202 164 68)
- HSL
- hsl(43 56% 53%)
- HWB
- hwb(43 27% 21%)
- OKLCH
- oklch(0.735 0.121 87.2)
- OKLab
- oklab(0.735 0.006 0.121)
- CIE Lab
- lab(69.54 6.89 53.53)
- LCH
- lch(69.54 53.98 82.7)
- CMYK
- cmyk(0% 19% 66% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFAD5B
- D5B66F
- DABF82
- DFC994
- E5D2A6
- EADBB8
- EFE4CA
- F4EDDC
- FAF6ED
Odcienie ciemniejsze
- AF8E3A
- 957930
- 7C6426
- 64501D
- 4D3D14
- 372B0C
- 221A05
- 0F0A02
- 020100
Tony
- C2A14E
- BB9D56
- B39A5D
- AC9664
- A49369
- 9D8F6F
- 968B73
- 8E8878
- 87847C
Harmonie kolorów
Komplementarna +180°
- CAA444
Golden Touch
- 87A6F6
≈ Kitten’s Eye
Analogowa -30° +30°
- CAA444
Golden Touch
- E39558
≈ Sabre-Toothed Tiger
- A4B355
≈ Greasy Green Beans
Triada +120° +240°
- CAA444
Golden Touch
- 1FBED0
≈ Holiday Blue
- D28DD1
≈ Blush Essence
Komplementarna rozszczepiona +150° +210°
- CAA444
Golden Touch
- 54B4EC
≈ Sanctuary Spa
- B298EC
≈ Dreamy Candy Forest
Tetrada +90° +180° +270°
- CAA444
Golden Touch
- 39C2A8
≈ Jade Mountain
- 87A6F6
≈ Kitten’s Eye
- E688AA
≈ Rose Glory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.35:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.90:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-touch: #caa444;
--golden-touch-rgb: 202 164 68;
--golden-touch-oklch: oklch(0.735 0.121 87.2);
}
.element {
color: var(--golden-touch);
background-color: hsl(43 56% 53%);
border-color: oklch(0.735 0.121 87.2);
}Tailwind CSS v4
@theme {
--color-golden-touch: #caa444;
--color-golden-touch-50: #fff4ce;
--color-golden-touch-100: #f8e7ba;
--color-golden-touch-200: #e9d298;
--color-golden-touch-300: #d0b56c;
--color-golden-touch-400: #bd993f;
--color-golden-touch-500: #a87f00;
--color-golden-touch-600: #8e6c00;
--color-golden-touch-700: #725600;
--color-golden-touch-800: #553e00;
--color-golden-touch-900: #3c2b01;
--color-golden-touch-950: #251800;
}SCSS
$golden-touch: #caa444;
$golden-touch-rgb: 202, 164, 68;
$golden-touch-light: mix(#fff, $golden-touch, 20%);
$golden-touch-dark: mix(#000, $golden-touch, 20%);
.element {
color: $golden-touch;
box-shadow: 0 0 0 2px rgba($golden-touch, 0.35);
}