이름 색상 · #F9E496
Vis Vis
Vis Vis은(는) #F9E496: rgb(249 228 150), hsl(47 89% 78%), oklch(0.919 0.1 94.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Vis Vis color name →
#F9E496
oklch(0.919 0.1 94.8)
색상 변환
- HEX
- #f9e496
- RGB
- rgb(249 228 150)
- HSL
- hsl(47 89% 78%)
- HWB
- hwb(47 59% 2%)
- OKLCH
- oklch(0.919 0.1 94.8)
- OKLab
- oklab(0.919 -0.008 0.1)
- CIE Lab
- lab(91.03 -0.38 40.79)
- LCH
- lch(91.03 40.79 90.5)
- CMYK
- cmyk(0% 8% 40% 2%)
틴트 · 셰이드 · 톤
틴트
- FAE7A1
- FAEAAC
- FBECB7
- FBEFC2
- FCF2CC
- FDF5D7
- FDF7E1
- FEFAEB
- FEFCF5
셰이드
- D9C682
- B9A96E
- 9A8D5B
- 7D7249
- 615837
- 463F26
- 2C2816
- 151208
- 030301
톤
- ECDA95
- E0CF93
- D3C591
- C7BB8F
- BBB18D
- AFA78B
- A39D88
- 979386
- 8B8A83
색 조화
보색 +180°
- F9E496
Vis Vis
- DCE3FF
≈ Stoic White
유사색 -30° +30°
- F9E496
Vis Vis
- FFDDBE
≈ Persian Melon
- D5F0A6
≈ Reef Refractions
삼각 배색 +120° +240°
- F9E496
Vis Vis
- B3F0FF
≈ Northrend
- FFD5F5
≈ Sweet Sachet
분열 보색 +150° +210°
- F9E496
Vis Vis
- CEE8FF
≈ Veiling Waterfalls
- EBDDFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.56:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--vis-vis: #f9e496;
--vis-vis-rgb: 249 228 150;
--vis-vis-oklch: oklch(0.919 0.1 94.8);
}
.element {
color: var(--vis-vis);
background-color: hsl(47 89% 78%);
border-color: oklch(0.919 0.1 94.8);
}Tailwind CSS v4
@theme {
--color-vis-vis: #f9e496;
--color-vis-vis-50: #fdf6d6;
--color-vis-vis-100: #f1e9c3;
--color-vis-vis-200: #e0d5a4;
--color-vis-vis-300: #c6b87c;
--color-vis-vis-400: #b19e56;
--color-vis-vis-500: #9b852b;
--color-vis-vis-600: #837126;
--color-vis-vis-700: #695a1f;
--color-vis-vis-800: #4e4114;
--color-vis-vis-900: #362d0c;
--color-vis-vis-950: #211a01;
}SCSS
$vis-vis: #f9e496;
$vis-vis-rgb: 249, 228, 150;
$vis-vis-light: mix(#fff, $vis-vis, 20%);
$vis-vis-dark: mix(#000, $vis-vis, 20%);
.element {
color: $vis-vis;
box-shadow: 0 0 0 2px rgba($vis-vis, 0.35);
}