Color con nombre · #FEDECA
Beach Trail
Beach Trail es #FEDECA: rgb(254 222 202), hsl(23 96% 89%), oklch(0.922 0.045 54). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Beach Trail color name →
#FEDECA
oklch(0.922 0.045 54)
Conversiones de color
- HEX
- #fedeca
- RGB
- rgb(254 222 202)
- HSL
- hsl(23 96% 89%)
- HWB
- hwb(23 79% 0%)
- OKLCH
- oklch(0.922 0.045 54)
- OKLab
- oklab(0.922 0.026 0.036)
- CIE Lab
- lab(90.78 9.18 14.13)
- LCH
- lch(90.78 16.85 57)
- CMYK
- cmyk(0% 13% 20% 0%)
Tintes · Sombras · Tonos
Tintes
- FEE1CF
- FEE5D5
- FFE8DA
- FFEBDF
- FFEFE4
- FFF2EA
- FFF5EF
- FFF8F4
- FFFCFA
Sombras
- DDC1AF
- BDA595
- 9E897C
- 806F64
- 63554D
- 473D37
- 2D2622
- 16120F
- 030202
Tonos
- F1D4C2
- E4CBBB
- D7C1B3
- CAB7AC
- BDAEA4
- B1A59D
- A49B96
- 98928E
- 8C8987
Armonías de color
Complementario +180°
- FEDECA
Beach Trail
- C9EBFF
≈ Blue Java Banana
Análogo -30° +30°
- FEDECA
Beach Trail
- FFDCD8
≈ Peach Schnapps
- F3E3C4
≈ Afterglow
Triádico +120° +240°
- FEDECA
Beach Trail
- C8EFE3
≈ Summer House
- E6E0FF
≈ Stoic White
Complementario dividido +150° +210°
- FEDECA
Beach Trail
- C4EFF3
≈ Icy Breeze
- D9E6FF
≈ Veiling Waterfalls
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.27:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.51:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--beach-trail: #fedeca;
--beach-trail-rgb: 254 222 202;
--beach-trail-oklch: oklch(0.922 0.045 54);
}
.element {
color: var(--beach-trail);
background-color: hsl(23 96% 89%);
border-color: oklch(0.922 0.045 54);
}Tailwind CSS v4
@theme {
--color-beach-trail: #fedeca;
--color-beach-trail-50: #fff2e9;
--color-beach-trail-100: #f4e4da;
--color-beach-trail-200: #e4d0c2;
--color-beach-trail-300: #cab2a2;
--color-beach-trail-400: #b49886;
--color-beach-trail-500: #9e7f6b;
--color-beach-trail-600: #866b5a;
--color-beach-trail-700: #6b5648;
--color-beach-trail-800: #4f3e34;
--color-beach-trail-900: #372b24;
--color-beach-trail-950: #221813;
}SCSS
$beach-trail: #fedeca;
$beach-trail-rgb: 254, 222, 202;
$beach-trail-light: mix(#fff, $beach-trail, 20%);
$beach-trail-dark: mix(#000, $beach-trail, 20%);
.element {
color: $beach-trail;
box-shadow: 0 0 0 2px rgba($beach-trail, 0.35);
}