이름 색상 · #FBE8A8
Bleached Sunflower
Bleached Sunflower은(는) #FBE8A8: rgb(251 232 168), hsl(46 91% 82%), oklch(0.931 0.084 93.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bleached Sunflower color name →
#FBE8A8
oklch(0.931 0.084 93.5)
색상 변환
- HEX
- #fbe8a8
- RGB
- rgb(251 232 168)
- HSL
- hsl(46 91% 82%)
- HWB
- hwb(46 66% 2%)
- OKLCH
- oklch(0.931 0.084 93.5)
- OKLab
- oklab(0.931 -0.005 0.084)
- CIE Lab
- lab(92.44 -0.04 33.68)
- LCH
- lch(92.44 33.68 90.1)
- CMYK
- cmyk(0% 8% 33% 2%)
틴트 · 셰이드 · 톤
틴트
- FBEAB1
- FCEDBA
- FCEFC3
- FDF2CC
- FDF4D5
- FDF6DD
- FEF8E6
- FEFBEE
- FFFDF7
셰이드
- DACA92
- BAAC7C
- 9C9067
- 7E7452
- 61593F
- 46402C
- 2D291A
- 15130A
- 030301
톤
- EEDDA4
- E1D2A1
- D5C89D
- C8BD99
- BCB395
- AFA891
- A39E8D
- 979489
- 8C8A84
색 조화
보색 +180°
- FBE8A8
Bleached Sunflower
- E1E7FF
≈ Lavender Mist
유사색 -30° +30°
- FBE8A8
Bleached Sunflower
- FFE3CA
≈ Barely Ripe Apricot
- DDF2B4
≈ Spring Kiss
삼각 배색 +120° +240°
- FBE8A8
Bleached Sunflower
- BFF3FF
≈ Northrend
- FFDCF7
≈ Strawberry Frost
분열 보색 +150° +210°
- FBE8A8
Bleached Sunflower
- D5ECFF
≈ Cloudless
- EEE2FF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FBE8A8
Bleached Sunflower
- A7FBEE
≈ Blister Pearl
- E1E7FF
≈ Lavender Mist
- FFDFE6
≈ Pink Pleasure
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.20:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.20:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--bleached-sunflower: #fbe8a8;
--bleached-sunflower-rgb: 251 232 168;
--bleached-sunflower-oklch: oklch(0.931 0.084 93.5);
}
.element {
color: var(--bleached-sunflower);
background-color: hsl(46 91% 82%);
border-color: oklch(0.931 0.084 93.5);
}Tailwind CSS v4
@theme {
--color-bleached-sunflower: #fbe8a8;
--color-bleached-sunflower-50: #fcf6db;
--color-bleached-sunflower-100: #f0e8c9;
--color-bleached-sunflower-200: #dfd5ac;
--color-bleached-sunflower-300: #c4b887;
--color-bleached-sunflower-400: #af9e64;
--color-bleached-sunflower-500: #998540;
--color-bleached-sunflower-600: #817137;
--color-bleached-sunflower-700: #675a2c;
--color-bleached-sunflower-800: #4d411e;
--color-bleached-sunflower-900: #352d14;
--color-bleached-sunflower-950: #211a06;
}SCSS
$bleached-sunflower: #fbe8a8;
$bleached-sunflower-rgb: 251, 232, 168;
$bleached-sunflower-light: mix(#fff, $bleached-sunflower, 20%);
$bleached-sunflower-dark: mix(#000, $bleached-sunflower, 20%);
.element {
color: $bleached-sunflower;
box-shadow: 0 0 0 2px rgba($bleached-sunflower, 0.35);
}