Color con nombre · #F3DEA2
Roadster Yellow
Roadster Yellow es #F3DEA2: rgb(243 222 162), hsl(44 77% 79%), oklch(0.904 0.08 91). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Roadster Yellow color name →
#F3DEA2
oklch(0.904 0.08 91)
Conversiones de color
- HEX
- #f3dea2
- RGB
- rgb(243 222 162)
- HSL
- hsl(44 77% 79%)
- HWB
- hwb(44 64% 5%)
- OKLCH
- oklch(0.904 0.08 91)
- OKLab
- oklab(0.904 -0.001 0.08)
- CIE Lab
- lab(89.16 1.15 32.27)
- LCH
- lch(89.16 32.29 88)
- CMYK
- cmyk(0% 9% 33% 5%)
Tintes · Sombras · Tonos
Tintes
- F4E1AC
- F5E5B5
- F7E8BF
- F8EBC8
- F9EFD1
- FAF2DB
- FBF5E4
- FDF9ED
- FEFCF6
Sombras
- D3C18C
- B4A577
- 978963
- 7A6F4F
- 5E553C
- 443D2A
- 2B2619
- 14120A
- 030201
Tonos
- E7D49F
- DBCB9C
- CFC199
- C3B896
- B8AE92
- ACA58F
- A19B8B
- 969288
- 8B8984
Armonías de color
Complementario +180°
- F3DEA2
Roadster Yellow
- D4DEFF
≈ Arc Light
Análogo -30° +30°
- F3DEA2
Roadster Yellow
- FFD6B5
≈ Curtsy
- D7E8AC
≈ Mermaid Tears
Triádico +120° +240°
- F3DEA2
Roadster Yellow
- 9FEEFE
≈ Alpine Expedition
- FFCDF8
≈ Kissed by Mist
Complementario dividido +150° +210°
- F3DEA2
Roadster Yellow
- C2E4FF
≈ Fresh Water
- E5D7FF
≈ Transparent Blue
Tetrádico +90° +180° +270°
- F3DEA2
Roadster Yellow
- A3F1E2
≈ Mint Tea
- D4DEFF
≈ Arc Light
- FFD1DD
≈ Light Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.78:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--roadster-yellow: #f3dea2;
--roadster-yellow-rgb: 243 222 162;
--roadster-yellow-oklch: oklch(0.904 0.08 91);
}
.element {
color: var(--roadster-yellow);
background-color: hsl(44 77% 79%);
border-color: oklch(0.904 0.08 91);
}Tailwind CSS v4
@theme {
--color-roadster-yellow: #f3dea2;
--color-roadster-yellow-50: #fdf5dc;
--color-roadster-yellow-100: #f1e8ca;
--color-roadster-yellow-200: #e0d4ae;
--color-roadster-yellow-300: #c5b789;
--color-roadster-yellow-400: #b09d66;
--color-roadster-yellow-500: #9a8444;
--color-roadster-yellow-600: #82703a;
--color-roadster-yellow-700: #68592e;
--color-roadster-yellow-800: #4e4120;
--color-roadster-yellow-900: #362d15;
--color-roadster-yellow-950: #211a07;
}SCSS
$roadster-yellow: #f3dea2;
$roadster-yellow-rgb: 243, 222, 162;
$roadster-yellow-light: mix(#fff, $roadster-yellow, 20%);
$roadster-yellow-dark: mix(#000, $roadster-yellow, 20%);
.element {
color: $roadster-yellow;
box-shadow: 0 0 0 2px rgba($roadster-yellow, 0.35);
}