Cor nomeada · #EDD481
Beach House
Beach House é #EDD481: rgb(237 212 129), hsl(46 75% 72%), oklch(0.873 0.107 93.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Beach House color name →
#EDD481
oklch(0.873 0.107 93.2)
Conversões de cor
- HEX
- #edd481
- RGB
- rgb(237 212 129)
- HSL
- hsl(46 75% 72%)
- HWB
- hwb(46 51% 7%)
- OKLCH
- oklch(0.873 0.107 93.2)
- OKLab
- oklab(0.873 -0.006 0.107)
- CIE Lab
- lab(85.69 1.04 44.22)
- LCH
- lch(85.69 44.23 88.7)
- CMYK
- cmyk(0% 11% 46% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFD88F
- F1DD9C
- F2E1A9
- F4E6B6
- F6EAC2
- F8EECF
- FAF2DB
- FBF7E7
- FDFBF3
Sombras
- CEB86F
- B09D5E
- 93834E
- 77693E
- 5C512E
- 423A1F
- 2A2412
- 141006
- 030201
Tons
- E2CB82
- D6C383
- CBBA83
- C0B284
- B5A984
- AAA183
- 9F9983
- 959082
- 8A8881
Harmonias de cor
Complementar +180°
- EDD481
Beach House
- C7D3FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- EDD481
Beach House
- FFC999
≈ Peachy Breezes
- C8E192
≈ Shadow Lime
Tríade +120° +240°
- EDD481
Beach House
- 79E8FF
≈ Robin’s Egg
- FFBCF2
≈ Pink Quartz
Complementar dividida +150° +210°
- EDD481
Beach House
- AFDBFF
≈ Droplet
- DFCAFF
≈ Foggy Heath
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.33:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--beach-house: #edd481;
--beach-house-rgb: 237 212 129;
--beach-house-oklch: oklch(0.873 0.107 93.2);
}
.element {
color: var(--beach-house);
background-color: hsl(46 75% 72%);
border-color: oklch(0.873 0.107 93.2);
}Tailwind CSS v4
@theme {
--color-beach-house: #edd481;
--color-beach-house-50: #fef6d3;
--color-beach-house-100: #f3e8c0;
--color-beach-house-200: #e2d5a1;
--color-beach-house-300: #c8b777;
--color-beach-house-400: #b49d4f;
--color-beach-house-500: #9e841e;
--color-beach-house-600: #86701d;
--color-beach-house-700: #6b5917;
--color-beach-house-800: #50410e;
--color-beach-house-900: #382d09;
--color-beach-house-950: #221900;
}SCSS
$beach-house: #edd481;
$beach-house-rgb: 237, 212, 129;
$beach-house-light: mix(#fff, $beach-house, 20%);
$beach-house-dark: mix(#000, $beach-house, 20%);
.element {
color: $beach-house;
box-shadow: 0 0 0 2px rgba($beach-house, 0.35);
}