이름 색상 · #F8D68B
№5
№5은(는) #F8D68B: rgb(248 214 139), hsl(41 89% 76%), oklch(0.888 0.101 86). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · №5 color name →
#F8D68B
oklch(0.888 0.101 86)
색상 변환
- HEX
- #f8d68b
- RGB
- rgb(248 214 139)
- HSL
- hsl(41 89% 76%)
- HWB
- hwb(41 55% 3%)
- OKLCH
- oklch(0.888 0.101 86)
- OKLab
- oklab(0.888 0.007 0.101)
- CIE Lab
- lab(87.32 5.15 41.56)
- LCH
- lch(87.32 41.88 82.9)
- CMYK
- cmyk(0% 14% 44% 3%)
틴트 · 셰이드 · 톤
틴트
- F9DA98
- FADEA4
- FAE3B0
- FBE7BB
- FCEBC7
- FCEFD2
- FDF3DE
- FEF7E9
- FEFBF4
셰이드
- D8BA78
- B89E66
- 9A8454
- 7C6A43
- 605232
- 453B23
- 2C2514
- 151007
- 030201
톤
- EBCD8B
- DFC48B
- D3BC8A
- C6B389
- BAAA88
- AEA287
- A39985
- 979184
- 8B8882
색 조화
보색 +180°
- F8D68B
№5
- CADAFF
≈ Icy Plains
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 14.98:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--no5: #f8d68b;
--no5-rgb: 248 214 139;
--no5-oklch: oklch(0.888 0.101 86);
}
.element {
color: var(--no5);
background-color: hsl(41 89% 76%);
border-color: oklch(0.888 0.101 86);
}Tailwind CSS v4
@theme {
--color-no5: #f8d68b;
--color-no5-50: #fff4d5;
--color-no5-100: #f6e7c2;
--color-no5-200: #e6d2a3;
--color-no5-300: #cdb57b;
--color-no5-400: #b99a55;
--color-no5-500: #a48129;
--color-no5-600: #8a6d25;
--color-no5-700: #6f571d;
--color-no5-800: #533f13;
--color-no5-900: #3a2b0c;
--color-no5-950: #241901;
}SCSS
$no5: #f8d68b;
$no5-rgb: 248, 214, 139;
$no5-light: mix(#fff, $no5, 20%);
$no5-dark: mix(#000, $no5, 20%);
.element {
color: $no5;
box-shadow: 0 0 0 2px rgba($no5, 0.35);
}