Color con nombre · #FCEAD1
Country Lane
Country Lane es #FCEAD1: rgb(252 234 209), hsl(35 88% 90%), oklch(0.945 0.038 76.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Country Lane color name →
#FCEAD1
oklch(0.945 0.038 76.2)
Conversiones de color
- HEX
- #fcead1
- RGB
- rgb(252 234 209)
- HSL
- hsl(35 88% 90%)
- HWB
- hwb(35 82% 1%)
- OKLCH
- oklch(0.945 0.038 76.2)
- OKLab
- oklab(0.945 0.009 0.037)
- CIE Lab
- lab(93.67 3.4 14.51)
- LCH
- lch(93.67 14.9 76.8)
- CMYK
- cmyk(0% 7% 17% 1%)
Tintes · Sombras · Tonos
Tintes
- FCECD6
- FDEEDA
- FDF0DF
- FDF2E3
- FEF5E8
- FEF7ED
- FEF9F1
- FEFBF6
- FFFDFA
Sombras
- DBCBB5
- BBAE9B
- 9C9181
- 7E7568
- 625A50
- 474139
- 2D2923
- 161310
- 030302
Tonos
- EFDFC9
- E2D4C0
- D5C9B8
- C9BEB0
- BCB4A8
- B0A9A0
- A49F98
- 989490
- 8C8A88
Armonías de color
Complementario +180°
- FCEAD1
Country Lane
- E2EEFF
≈ Calcareous Sinter
Análogo -30° +30°
- FCEAD1
Country Lane
- FFE7DC
≈ French Manicure
- F0EFD2
≈ Giggle
Triádico +120° +240°
- FCEAD1
Country Lane
- D0F5F5
≈ Tinted Ice
- F7E5FF
≈ Soft Lavender
Complementario dividido +150° +210°
- FCEAD1
Country Lane
- D5F2FF
≈ Water
- EBEBFF
≈ Placebo Purple
Tetrádico +90° +180° +270°
- FCEAD1
Country Lane
- D6F6E7
≈ Mint Flash
- E2EEFF
≈ Calcareous Sinter
- FFE4F2
≈ Bunny Tail
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.82:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.82:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--country-lane: #fcead1;
--country-lane-rgb: 252 234 209;
--country-lane-oklch: oklch(0.945 0.038 76.2);
}
.element {
color: var(--country-lane);
background-color: hsl(35 88% 90%);
border-color: oklch(0.945 0.038 76.2);
}Tailwind CSS v4
@theme {
--color-country-lane: #fcead1;
--color-country-lane-50: #fbf4e9;
--color-country-lane-100: #efe7da;
--color-country-lane-200: #ddd3c2;
--color-country-lane-300: #c2b5a2;
--color-country-lane-400: #ac9c86;
--color-country-lane-500: #95836a;
--color-country-lane-600: #7e6f5a;
--color-country-lane-700: #655948;
--color-country-lane-800: #4a4134;
--color-country-lane-900: #342d23;
--color-country-lane-950: #1f1a12;
}SCSS
$country-lane: #fcead1;
$country-lane-rgb: 252, 234, 209;
$country-lane-light: mix(#fff, $country-lane, 20%);
$country-lane-dark: mix(#000, $country-lane, 20%);
.element {
color: $country-lane;
box-shadow: 0 0 0 2px rgba($country-lane, 0.35);
}