이름 색상 · #FFF5BE
Gentle Yellow
Gentle Yellow은(는) #FFF5BE: rgb(255 245 190), hsl(51 100% 87%), oklch(0.965 0.071 98.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gentle Yellow color name →
#FFF5BE
oklch(0.965 0.071 98.9)
색상 변환
- HEX
- #fff5be
- RGB
- rgb(255 245 190)
- HSL
- hsl(51 100% 87%)
- HWB
- hwb(51 75% 0%)
- OKLCH
- oklch(0.965 0.071 98.9)
- OKLab
- oklab(0.965 -0.011 0.07)
- CIE Lab
- lab(96.34 -2.68 27.87)
- LCH
- lch(96.34 28 95.5)
- CMYK
- cmyk(0% 4% 25% 0%)
틴트 · 셰이드 · 톤
틴트
- FFF6C5
- FFF7CC
- FFF8D2
- FFF9D9
- FFFADF
- FFFBE6
- FFFCEC
- FFFDF2
- FFFEF9
셰이드
- DED5A5
- BEB68C
- 9E9875
- 807B5E
- 635F48
- 484433
- 2E2B1F
- 16150D
- 030302
톤
- F2E9B8
- E4DDB2
- D7D1AC
- CAC5A5
- BDB99F
- B1AD99
- A4A293
- 98968D
- 8C8B86
색 조화
보색 +180°
- FFF5BE
Gentle Yellow
- F1F2FF
≈ Cloud Break
유사색 -30° +30°
- FFF5BE
Gentle Yellow
- FFF1E2
≈ Sugar Glaze
- E5FECB
≈ Herbal Vapours
삼각 배색 +120° +240°
- FFF5BE
Gentle Yellow
- E2F8FF
≈ Glacial Day
- FFEEF9
≈ Partial Pink
분열 보색 +150° +210°
- FFF5BE
Gentle Yellow
- EBF5FF
≈ Placebo Blue
- F8F0FF
≈ Cloud Break
사각 배색 +90° +180° +270°
- FFF5BE
Gentle Yellow
- CEFFFA
≈ Luminescent Sky
- F1F2FF
≈ Cloud Break
- FFEFF1
≈ Powder Puff
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.10:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.05:1 · APCA Lc 101
가장 좋은 글자색: #000000
WCAG 19.05:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--gentle-yellow: #fff5be;
--gentle-yellow-rgb: 255 245 190;
--gentle-yellow-oklch: oklch(0.965 0.071 98.9);
}
.element {
color: var(--gentle-yellow);
background-color: hsl(51 100% 87%);
border-color: oklch(0.965 0.071 98.9);
}Tailwind CSS v4
@theme {
--color-gentle-yellow: #fff5be;
--color-gentle-yellow-50: #f9f6df;
--color-gentle-yellow-100: #ede9ce;
--color-gentle-yellow-200: #dad6b3;
--color-gentle-yellow-300: #bfb98f;
--color-gentle-yellow-400: #a9a06e;
--color-gentle-yellow-500: #92874e;
--color-gentle-yellow-600: #7b7243;
--color-gentle-yellow-700: #635b35;
--color-gentle-yellow-800: #494325;
--color-gentle-yellow-900: #332e19;
--color-gentle-yellow-950: #1f1b09;
}SCSS
$gentle-yellow: #fff5be;
$gentle-yellow-rgb: 255, 245, 190;
$gentle-yellow-light: mix(#fff, $gentle-yellow, 20%);
$gentle-yellow-dark: mix(#000, $gentle-yellow, 20%);
.element {
color: $gentle-yellow;
box-shadow: 0 0 0 2px rgba($gentle-yellow, 0.35);
}