이름 색상 · #FBEB9B
Drover
Drover은(는) #FBEB9B: rgb(251 235 155), hsl(50 92% 80%), oklch(0.935 0.101 98.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Drover color name →
#FBEB9B
oklch(0.935 0.101 98.3)
색상 변환
- HEX
- #fbeb9b
- RGB
- rgb(251 235 155)
- HSL
- hsl(50 92% 80%)
- HWB
- hwb(50 61% 2%)
- OKLCH
- oklch(0.935 0.101 98.3)
- OKLab
- oklab(0.935 -0.015 0.1)
- CIE Lab
- lab(93.02 -2.54 40.88)
- LCH
- lch(93.02 40.96 93.6)
- CMYK
- cmyk(0% 6% 38% 2%)
틴트 · 셰이드 · 톤
틴트
- FBEDA6
- FCEFB0
- FCF1BB
- FCF3C5
- FDF5CF
- FDF7D9
- FEF9E2
- FEFBEC
- FFFDF6
셰이드
- DACC86
- BAAE72
- 9C915E
- 7E754B
- 615B39
- 464128
- 2D2918
- 151309
- 030301
톤
- EEE099
- E1D597
- D4CA95
- C8BF92
- BCB490
- AFAA8D
- A39F8A
- 979587
- 8C8A83
색 조화
보색 +180°
- FBEB9B
Drover
- E4E8FF
≈ Glitter
유사색 -30° +30°
- FBEB9B
Drover
- FFE5C9
≈ Apple Crunch
- D6F7AE
≈ Breeze of Green
삼각 배색 +120° +240°
- FBEB9B
Drover
- C7F2FF
≈ Heaven’s Gate
- FFDFF4
≈ Fairy Salt
분열 보색 +150° +210°
- FBEB9B
Drover
- D9ECFF
≈ Hoarfrost
- F1E3FF
≈ Minute Mauve
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.45:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--drover: #fbeb9b;
--drover-rgb: 251 235 155;
--drover-oklch: oklch(0.935 0.101 98.3);
}
.element {
color: var(--drover);
background-color: hsl(50 92% 80%);
border-color: oklch(0.935 0.101 98.3);
}Tailwind CSS v4
@theme {
--color-drover: #fbeb9b;
--color-drover-50: #fbf7d6;
--color-drover-100: #efe9c3;
--color-drover-200: #ded6a4;
--color-drover-300: #c3b97c;
--color-drover-400: #ae9f56;
--color-drover-500: #98862a;
--color-drover-600: #807226;
--color-drover-700: #675b1e;
--color-drover-800: #4d4213;
--color-drover-900: #352e0c;
--color-drover-950: #201a01;
}SCSS
$drover: #fbeb9b;
$drover-rgb: 251, 235, 155;
$drover-light: mix(#fff, $drover, 20%);
$drover-dark: mix(#000, $drover, 20%);
.element {
color: $drover;
box-shadow: 0 0 0 2px rgba($drover, 0.35);
}