이름 색상 · #F1EAB4
Invigorating
Invigorating은(는) #F1EAB4: rgb(241 234 180), hsl(53 69% 83%), oklch(0.929 0.07 101.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Invigorating color name →
#F1EAB4
oklch(0.929 0.07 101.5)
색상 변환
- HEX
- #f1eab4
- RGB
- rgb(241 234 180)
- HSL
- hsl(53 69% 83%)
- HWB
- hwb(53 71% 5%)
- OKLCH
- oklch(0.929 0.07 101.5)
- OKLab
- oklab(0.929 -0.014 0.069)
- CIE Lab
- lab(92.27 -3.68 27.24)
- LCH
- lch(92.27 27.49 97.7)
- CMYK
- cmyk(0% 3% 25% 5%)
틴트 · 셰이드 · 톤
틴트
- F2ECBC
- F4EEC3
- F5F0CB
- F6F3D3
- F8F5DA
- F9F7E2
- FBF9E9
- FCFBF0
- FEFDF8
셰이드
- D2CB9C
- B3AE85
- 95916E
- 797558
- 5D5A44
- 434130
- 2B291D
- 14130C
- 030302
톤
- E5DFAF
- D9D4AA
- CEC9A5
- C2BEA0
- B7B49A
- ACA995
- A09F90
- 95948B
- 8B8A85
색 조화
보색 +180°
- F1EAB4
Invigorating
- E3E6FF
≈ Lavender Mist
유사색 -30° +30°
- F1EAB4
Invigorating
- FFE3C1
≈ Bisque
- D7F2C2
≈ Envious Pastel
삼각 배색 +120° +240°
- F1EAB4
Invigorating
- C5F0FF
≈ Heaven’s Gate
- FFDCF1
≈ Silky Pink
분열 보색 +150° +210°
- F1EAB4
Invigorating
- D7EAFF
≈ Veiling Waterfalls
- F2E0FF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- F1EAB4
Invigorating
- B1F7F3
≈ Ice Citadel
- E3E6FF
≈ Lavender Mist
- FFDEE1
≈ Sweet Mallow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.16:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--invigorating: #f1eab4;
--invigorating-rgb: 241 234 180;
--invigorating-oklch: oklch(0.929 0.07 101.5);
}
.element {
color: var(--invigorating);
background-color: hsl(53 69% 83%);
border-color: oklch(0.929 0.07 101.5);
}Tailwind CSS v4
@theme {
--color-invigorating: #f1eab4;
--color-invigorating-50: #f8f7e0;
--color-invigorating-100: #ebe9cf;
--color-invigorating-200: #d9d6b4;
--color-invigorating-300: #bdba90;
--color-invigorating-400: #a7a070;
--color-invigorating-500: #908850;
--color-invigorating-600: #7a7344;
--color-invigorating-700: #615c36;
--color-invigorating-800: #484326;
--color-invigorating-900: #322e19;
--color-invigorating-950: #1e1b0a;
}SCSS
$invigorating: #f1eab4;
$invigorating-rgb: 241, 234, 180;
$invigorating-light: mix(#fff, $invigorating, 20%);
$invigorating-dark: mix(#000, $invigorating, 20%);
.element {
color: $invigorating;
box-shadow: 0 0 0 2px rgba($invigorating, 0.35);
}