이름 색상 · #F6F513
Lager
Lager은(는) #F6F513: rgb(246 245 19), hsl(60 93% 52%), oklch(0.94 0.202 109.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lager color name →
#F6F513
oklch(0.94 0.202 109.4)
색상 변환
- HEX
- #f6f513
- RGB
- rgb(246 245 19)
- HSL
- hsl(60 93% 52%)
- HWB
- hwb(60 7% 4%)
- OKLCH
- oklch(0.94 0.202 109.4)
- OKLab
- oklab(0.94 -0.067 0.191)
- CIE Lab
- lab(94.31 -14.76 89.24)
- LCH
- lch(94.31 90.45 99.4)
- CMYK
- cmyk(0% 0% 92% 4%)
틴트 · 셰이드 · 톤
틴트
- F7F74C
- F7F86B
- F8F983
- F9FB98
- F9FCAB
- FAFDBD
- FBFDCE
- FDFEDF
- FEFFEF
셰이드
- D6D50F
- B7B60B
- 989807
- 7B7B05
- 5F5F03
- 454401
- 2C2B01
- 151500
- 030300
톤
- E9E93A
- DDDD4D
- D1D15A
- C4C664
- B9BA6C
- ADAE72
- A1A377
- 96977B
- 8B8C7E
색 조화
보색 +180°
- F6F513
Lager
- EAE8FF
≈ Glitter
유사색 -30° +30°
- F6F513
Lager
- FFE8C3
≈ Candle Glow
- C2FFB3
≈ Sour Green Cherry
삼각 배색 +120° +240°
- F6F513
Lager
- D4F0FF
≈ Ice Castle
- FFE2EF
≈ Pale Blossom
분열 보색 +150° +210°
- F6F513
Lager
- E0ECFF
≈ Calcareous Sinter
- F9E2FF
≈ Sugarpills
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.16:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.98:1 · APCA Lc 97
가장 좋은 글자색: #000000
WCAG 17.98:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--lager: #f6f513;
--lager-rgb: 246 245 19;
--lager-oklch: oklch(0.94 0.202 109.4);
}
.element {
color: var(--lager);
background-color: hsl(60 93% 52%);
border-color: oklch(0.94 0.202 109.4);
}Tailwind CSS v4
@theme {
--color-lager: #f6f513;
--color-lager-50: #f7fcb8;
--color-lager-100: #eaef9f;
--color-lager-200: #d7dd71;
--color-lager-300: #bcc027;
--color-lager-400: #a9a600;
--color-lager-500: #938c00;
--color-lager-600: #7c7700;
--color-lager-700: #635f00;
--color-lager-800: #4b4500;
--color-lager-900: #343000;
--color-lager-950: #201c00;
}SCSS
$lager: #f6f513;
$lager-rgb: 246, 245, 19;
$lager-light: mix(#fff, $lager, 20%);
$lager-dark: mix(#000, $lager, 20%);
.element {
color: $lager;
box-shadow: 0 0 0 2px rgba($lager, 0.35);
}