Cor nomeada · #CDAD59
Hay Wain
Hay Wain é #CDAD59: rgb(205 173 89), hsl(43 54% 58%), oklch(0.759 0.11 88.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hay Wain color name →
#CDAD59
oklch(0.759 0.11 88.8)
Conversões de cor
- HEX
- #cdad59
- RGB
- rgb(205 173 89)
- HSL
- hsl(43 54% 58%)
- HWB
- hwb(43 35% 20%)
- OKLCH
- oklch(0.759 0.11 88.8)
- OKLab
- oklab(0.759 0.002 0.11)
- CIE Lab
- lab(72.33 4.64 46.99)
- LCH
- lch(72.33 47.22 84.4)
- CMYK
- cmyk(0% 16% 57% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2B56C
- D7BD7D
- DCC68E
- E1CE9E
- E6D6AF
- EBDEBF
- F0E6CF
- F5EFDF
- FAF7EF
Sombras
- B2964C
- 987F40
- 7E6A34
- 665528
- 4E411D
- 382D13
- 231B09
- 0F0B03
- 020100
Tons
- C5A95F
- BDA464
- B5A069
- AE9B6D
- A69771
- 9E9275
- 978E78
- 8F897B
- 87857E
Harmonias de cor
Complementar +180°
- CDAD59
Hay Wain
- 94AEF7
≈ Kitten’s Eye
Análoga -30° +30°
- CDAD59
Hay Wain
- E59F67
≈ Inventive Orange
- A9BB68
≈ Beach Bag
Tríade +120° +240°
- CDAD59
Hay Wain
- 48C4D6
≈ Baharroth Blue
- D797D3
≈ Velvet Horizon
Complementar dividida +150° +210°
- CDAD59
Hay Wain
- 69BAEF
≈ Norfolk Sky
- BAA1ED
≈ Lavender Cream
Tétrade +90° +180° +270°
- CDAD59
Hay Wain
- 53C8B2
≈ Cockatoo
- 94AEF7
≈ Kitten’s Eye
- EA93AF
≈ Illusion
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.16:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.71:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--hay-wain: #cdad59;
--hay-wain-rgb: 205 173 89;
--hay-wain-oklch: oklch(0.759 0.11 88.8);
}
.element {
color: var(--hay-wain);
background-color: hsl(43 54% 58%);
border-color: oklch(0.759 0.11 88.8);
}Tailwind CSS v4
@theme {
--color-hay-wain: #cdad59;
--color-hay-wain-50: #fff5d2;
--color-hay-wain-100: #f6e7bf;
--color-hay-wain-200: #e6d39f;
--color-hay-wain-300: #ccb675;
--color-hay-wain-400: #b99b4c;
--color-hay-wain-500: #a48116;
--color-hay-wain-600: #8a6e17;
--color-hay-wain-700: #6f5813;
--color-hay-wain-800: #533f0b;
--color-hay-wain-900: #3a2c07;
--color-hay-wain-950: #241900;
}SCSS
$hay-wain: #cdad59;
$hay-wain-rgb: 205, 173, 89;
$hay-wain-light: mix(#fff, $hay-wain, 20%);
$hay-wain-dark: mix(#000, $hay-wain, 20%);
.element {
color: $hay-wain;
box-shadow: 0 0 0 2px rgba($hay-wain, 0.35);
}