이름 색상 · #F6F1C4
Yellowed Bone
Yellowed Bone은(는) #F6F1C4: rgb(246 241 196), hsl(54 74% 87%), oklch(0.951 0.059 102.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Yellowed Bone color name →
#F6F1C4
oklch(0.951 0.059 102.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F7F2CA
- F8F4D0
- F9F5D6
- FAF7DC
- FAF8E2
- FBFAE8
- FCFBEE
- FDFCF3
- FEFEF9
셰이드
- D6D2AA
- B7B391
- 989578
- 7B7961
- 5F5D4A
- 454335
- 2C2B21
- 15140E
- 030302
톤
- EAE5BD
- DDD9B6
- D1CEAF
- C5C2A9
- B9B7A2
- ADAC9B
- A2A194
- 96968E
- 8B8B87
색 조화
보색 +180°
- F6F1C4
Yellowed Bone
- ECEDFF
≈ Carte Blanche
유사색 -30° +30°
- F6F1C4
Yellowed Bone
- FFEBD4
≈ Delightful Peach
- E0F8CF
≈ Snow Flurry
삼각 배색 +120° +240°
- F6F1C4
Yellowed Bone
- D8F4FF
≈ Wizard White
- FFE7F5
≈ Dolomite Crystal
분열 보색 +150° +210°
- F6F1C4
Yellowed Bone
- E4F0FF
≈ Cotton Boll
- F6E9FF
≈ Placebo Fuchsia
사각 배색 +90° +180° +270°
- F6F1C4
Yellowed Bone
- C2FCF9
≈ Glacial Drift
- ECEDFF
≈ Carte Blanche
- FFE8EA
≈ Pink Sparkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.14:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.29:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
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);
}