Nazwany kolor · #F6EBD3
Shoelace Beige
Shoelace Beige to #F6EBD3: rgb(246 235 211), hsl(41 66% 90%), oklch(0.942 0.034 86.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Shoelace Beige color name →
#F6EBD3
oklch(0.942 0.034 86.3)
Konwersje koloru
- HEX
- #f6ebd3
- RGB
- rgb(246 235 211)
- HSL
- hsl(41 66% 90%)
- HWB
- hwb(41 83% 4%)
- OKLCH
- oklch(0.942 0.034 86.3)
- OKLab
- oklab(0.942 0.002 0.034)
- CIE Lab
- lab(93.45 0.96 13.1)
- LCH
- lch(93.45 13.13 85.8)
- CMYK
- cmyk(0% 4% 14% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7EDD7
- F8EFDC
- F9F1E0
- FAF3E5
- FBF5E9
- FBF7ED
- FCF9F2
- FDFBF6
- FEFDFB
Odcienie ciemniejsze
- D6CCB7
- B7AE9C
- 989182
- 7B7569
- 5F5B51
- 45413A
- 2C2924
- 151310
- 030302
Tony
- EAE0CA
- DDD5C2
- D1CAB9
- C5BFB1
- B9B4A9
- AEA9A0
- A29F98
- 969490
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F6EBD3
Shoelace Beige
- E3ECFF
≈ Husky
Analogowa -30° +30°
- F6EBD3
Shoelace Beige
- FFE7D7
≈ Mood Lighting
- EAEFD6
≈ Plain and Simple
Triada +120° +240°
- F6EBD3
Shoelace Beige
- D3F3F7
≈ Windswept
- F9E5F8
≈ Soft Lavender
Komplementarna rozszczepiona +150° +210°
- F6EBD3
Shoelace Beige
- D9F0FF
≈ Calcareous Sinter
- EDE8FF
≈ Bright Dusk
Tetrada +90° +180° +270°
- F6EBD3
Shoelace Beige
- D5F4EB
≈ Slippery Tub
- E3ECFF
≈ Husky
- FFE4EC
≈ Early Blossom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.74:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--shoelace-beige: #f6ebd3;
--shoelace-beige-rgb: 246 235 211;
--shoelace-beige-oklch: oklch(0.942 0.034 86.3);
}
.element {
color: var(--shoelace-beige);
background-color: hsl(41 66% 90%);
border-color: oklch(0.942 0.034 86.3);
}Tailwind CSS v4
@theme {
--color-shoelace-beige: #f6ebd3;
--color-shoelace-beige-50: #f9f5ea;
--color-shoelace-beige-100: #ece7db;
--color-shoelace-beige-200: #dad4c4;
--color-shoelace-beige-300: #beb7a4;
--color-shoelace-beige-400: #a79d88;
--color-shoelace-beige-500: #90856d;
--color-shoelace-beige-600: #7a715c;
--color-shoelace-beige-700: #625a4a;
--color-shoelace-beige-800: #484235;
--color-shoelace-beige-900: #322d24;
--color-shoelace-beige-950: #1e1a13;
}SCSS
$shoelace-beige: #f6ebd3;
$shoelace-beige-rgb: 246, 235, 211;
$shoelace-beige-light: mix(#fff, $shoelace-beige, 20%);
$shoelace-beige-dark: mix(#000, $shoelace-beige, 20%);
.element {
color: $shoelace-beige;
box-shadow: 0 0 0 2px rgba($shoelace-beige, 0.35);
}