Color con nombre · #F3D3A1
Antique Wicker Basket
Antique Wicker Basket es #F3D3A1: rgb(243 211 161), hsl(37 77% 79%), oklch(0.882 0.074 78.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Antique Wicker Basket color name →
#F3D3A1
oklch(0.882 0.074 78.6)
Conversiones de color
- HEX
- #f3d3a1
- RGB
- rgb(243 211 161)
- HSL
- hsl(37 77% 79%)
- HWB
- hwb(37 63% 5%)
- OKLCH
- oklch(0.882 0.074 78.6)
- OKLab
- oklab(0.882 0.015 0.073)
- CIE Lab
- lab(86.41 6.4 29.17)
- LCH
- lch(86.41 29.87 77.6)
- CMYK
- cmyk(0% 13% 34% 5%)
Tintes · Sombras · Tonos
Tintes
- F4D7AB
- F6DCB4
- F7E0BE
- F8E5C7
- F9E9D0
- FAEEDA
- FCF2E3
- FDF6EC
- FEFBF6
Sombras
- D3B78B
- B49C76
- 978262
- 7A694E
- 5E513C
- 443A2A
- 2B2419
- 141009
- 030201
Tonos
- E7CA9E
- DBC29B
- CFBA98
- C4B195
- B8A991
- ADA18E
- A1988B
- 969087
- 8B8884
Armonías de color
Complementario +180°
- F3D3A1
Antique Wicker Basket
- C1DAFF
≈ Broad Daylight
Análogo -30° +30°
- F3D3A1
Antique Wicker Basket
- FFCBB1
≈ Peach and Quiet
- DCDDA4
≈ Burgundy Grey
Triádico +120° +240°
- F3D3A1
Antique Wicker Basket
- 9DE8EA
≈ Freezy Breezy
- EEC9F8
≈ Sparkling Lavender
Complementario dividido +150° +210°
- F3D3A1
Antique Wicker Basket
- A5E2FF
≈ Ganon Blue
- D6D2FF
≈ Pale Lavender
Tetrádico +90° +180° +270°
- F3D3A1
Antique Wicker Basket
- A8E8CF
≈ Sweet Aqua
- C1DAFF
≈ Broad Daylight
- FEC5E0
≈ Sweet Romance
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.64:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--antique-wicker-basket: #f3d3a1;
--antique-wicker-basket-rgb: 243 211 161;
--antique-wicker-basket-oklch: oklch(0.882 0.074 78.6);
}
.element {
color: var(--antique-wicker-basket);
background-color: hsl(37 77% 79%);
border-color: oklch(0.882 0.074 78.6);
}Tailwind CSS v4
@theme {
--color-antique-wicker-basket: #f3d3a1;
--color-antique-wicker-basket-50: #fff3de;
--color-antique-wicker-basket-100: #f5e6cd;
--color-antique-wicker-basket-200: #e5d2b1;
--color-antique-wicker-basket-300: #cbb48d;
--color-antique-wicker-basket-400: #b69a6c;
--color-antique-wicker-basket-500: #a1804b;
--color-antique-wicker-basket-600: #886d40;
--color-antique-wicker-basket-700: #6d5733;
--color-antique-wicker-basket-800: #513f24;
--color-antique-wicker-basket-900: #382b18;
--color-antique-wicker-basket-950: #231909;
}SCSS
$antique-wicker-basket: #f3d3a1;
$antique-wicker-basket-rgb: 243, 211, 161;
$antique-wicker-basket-light: mix(#fff, $antique-wicker-basket, 20%);
$antique-wicker-basket-dark: mix(#000, $antique-wicker-basket, 20%);
.element {
color: $antique-wicker-basket;
box-shadow: 0 0 0 2px rgba($antique-wicker-basket, 0.35);
}