Nazwany kolor · #F6F1C4
Yellowed Bone
Yellowed Bone to #F6F1C4: rgb(246 241 196), hsl(54 74% 87%), oklch(0.951 0.059 102.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yellowed Bone color name →
#F6F1C4
oklch(0.951 0.059 102.2)
Konwersje koloru
- HEX
- #f6f1c4
- RGB
- rgb(246 241 196)
- HSL
- hsl(54 74% 87%)
- HWB
- hwb(54 77% 4%)
- OKLCH
- oklch(0.951 0.059 102.2)
- OKLab
- oklab(0.951 -0.012 0.057)
- CIE Lab
- lab(94.7 -3.52 22.48)
- LCH
- lch(94.7 22.75 98.9)
- CMYK
- cmyk(0% 2% 20% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7F2CA
- F8F4D0
- F9F5D6
- FAF7DC
- FAF8E2
- FBFAE8
- FCFBEE
- FDFCF3
- FEFEF9
Odcienie ciemniejsze
- D6D2AA
- B7B391
- 989578
- 7B7961
- 5F5D4A
- 454335
- 2C2B21
- 15140E
- 030302
Tony
- EAE5BD
- DDD9B6
- D1CEAF
- C5C2A9
- B9B7A2
- ADAC9B
- A2A194
- 96968E
- 8B8B87
Harmonie kolorów
Komplementarna +180°
- F6F1C4
Yellowed Bone
- ECEDFF
≈ Carte Blanche
Analogowa -30° +30°
- F6F1C4
Yellowed Bone
- FFEBD4
≈ Delightful Peach
- E0F8CF
≈ Snow Flurry
Triada +120° +240°
- F6F1C4
Yellowed Bone
- D8F4FF
≈ Wizard White
- FFE7F5
≈ Dolomite Crystal
Komplementarna rozszczepiona +150° +210°
- F6F1C4
Yellowed Bone
- E4F0FF
≈ Cotton Boll
- F6E9FF
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
- F6F1C4
Yellowed Bone
- C2FCF9
≈ Glacial Drift
- ECEDFF
≈ Carte Blanche
- FFE8EA
≈ Pink Sparkle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.29:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellowed-bone: #f6f1c4;
--yellowed-bone-rgb: 246 241 196;
--yellowed-bone-oklch: oklch(0.951 0.059 102.2);
}
.element {
color: var(--yellowed-bone);
background-color: hsl(54 74% 87%);
border-color: oklch(0.951 0.059 102.2);
}Tailwind CSS v4
@theme {
--color-yellowed-bone: #f6f1c4;
--color-yellowed-bone-50: #f7f6e3;
--color-yellowed-bone-100: #ebe9d3;
--color-yellowed-bone-200: #d8d6ba;
--color-yellowed-bone-300: #bcb997;
--color-yellowed-bone-400: #a5a078;
--color-yellowed-bone-500: #8e885a;
--color-yellowed-bone-600: #78734d;
--color-yellowed-bone-700: #605c3d;
--color-yellowed-bone-800: #47432b;
--color-yellowed-bone-900: #312e1d;
--color-yellowed-bone-950: #1d1b0d;
}SCSS
$yellowed-bone: #f6f1c4;
$yellowed-bone-rgb: 246, 241, 196;
$yellowed-bone-light: mix(#fff, $yellowed-bone, 20%);
$yellowed-bone-dark: mix(#000, $yellowed-bone, 20%);
.element {
color: $yellowed-bone;
box-shadow: 0 0 0 2px rgba($yellowed-bone, 0.35);
}