Nazwany kolor · #F4DCC1
Buenos Aires
Buenos Aires to #F4DCC1: rgb(244 220 193), hsl(32 70% 86%), oklch(0.907 0.045 70.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Buenos Aires color name →
#F4DCC1
oklch(0.907 0.045 70.5)
Konwersje koloru
- HEX
- #f4dcc1
- RGB
- rgb(244 220 193)
- HSL
- hsl(32 70% 86%)
- HWB
- hwb(32 76% 4%)
- OKLCH
- oklch(0.907 0.045 70.5)
- OKLab
- oklab(0.907 0.015 0.042)
- CIE Lab
- lab(89.24 5.48 16.49)
- LCH
- lch(89.24 17.38 71.6)
- CMYK
- cmyk(0% 10% 21% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5E0C7
- F6E3CD
- F7E7D4
- F9EADA
- FAEEE0
- FBF1E6
- FCF5EC
- FDF8F3
- FEFCF9
Odcienie ciemniejsze
- D4BFA7
- B5A38F
- 978877
- 7A6E5F
- 5E5449
- 443C34
- 2B2620
- 14110E
- 030202
Tony
- E8D2BA
- DCC9B4
- D0C0AD
- C4B6A7
- B8ADA0
- ADA49A
- A19B93
- 96928D
- 8B8986
Harmonie kolorów
Komplementarna +180°
- F4DCC1
Buenos Aires
- CBE3FE
≈ Fresh Water
Analogowa -30° +30°
- F4DCC1
Buenos Aires
- FCD7CA
≈ Shell Tint
- E7E2C0
≈ Spring Fever
Triada +120° +240°
- F4DCC1
Buenos Aires
- BFEAE7
≈ Luxor Blue
- EAD9F7
≈ Pouty Purple
Komplementarna rozszczepiona +150° +210°
- F4DCC1
Buenos Aires
- C1E8F5
≈ Icy Landscape
- DADEFE
≈ Transparent Blue
Tetrada +90° +180° +270°
- F4DCC1
Buenos Aires
- C8EAD7
≈ Glacial Water Green
- CBE3FE
≈ Fresh Water
- F6D5EA
≈ Jacaranda
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.85:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--buenos-aires: #f4dcc1;
--buenos-aires-rgb: 244 220 193;
--buenos-aires-oklch: oklch(0.907 0.045 70.5);
}
.element {
color: var(--buenos-aires);
background-color: hsl(32 70% 86%);
border-color: oklch(0.907 0.045 70.5);
}Tailwind CSS v4
@theme {
--color-buenos-aires: #f4dcc1;
--color-buenos-aires-50: #fdf3e8;
--color-buenos-aires-100: #f1e6d8;
--color-buenos-aires-200: #e0d2c0;
--color-buenos-aires-300: #c6b49f;
--color-buenos-aires-400: #b09a82;
--color-buenos-aires-500: #9a8266;
--color-buenos-aires-600: #826e57;
--color-buenos-aires-700: #685845;
--color-buenos-aires-800: #4d4032;
--color-buenos-aires-900: #352c22;
--color-buenos-aires-950: #211911;
}SCSS
$buenos-aires: #f4dcc1;
$buenos-aires-rgb: 244, 220, 193;
$buenos-aires-light: mix(#fff, $buenos-aires, 20%);
$buenos-aires-dark: mix(#000, $buenos-aires, 20%);
.element {
color: $buenos-aires;
box-shadow: 0 0 0 2px rgba($buenos-aires, 0.35);
}