이름 색상 · #FCE5BF
Burnished Cream
Burnished Cream은(는) #FCE5BF: rgb(252 229 191), hsl(37 91% 87%), oklch(0.931 0.056 80.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Burnished Cream color name →
#FCE5BF
oklch(0.931 0.056 80.3)
색상 변환
- HEX
- #fce5bf
- RGB
- rgb(252 229 191)
- HSL
- hsl(37 91% 87%)
- HWB
- hwb(37 75% 1%)
- OKLCH
- oklch(0.931 0.056 80.3)
- OKLab
- oklab(0.931 0.009 0.055)
- CIE Lab
- lab(92.13 3.92 21.62)
- LCH
- lch(92.13 21.97 79.7)
- CMYK
- cmyk(0% 9% 24% 1%)
틴트 · 셰이드 · 톤
틴트
- FCE8C6
- FDEACC
- FDEDD2
- FDF0D9
- FEF2DF
- FEF5E6
- FEF7EC
- FEFAF2
- FFFCF9
셰이드
- DBC7A6
- BBAA8D
- 9C8E75
- 7E725E
- 625848
- 473F33
- 2D281F
- 16120D
- 030302
톤
- EFDAB9
- E2D0B2
- D5C6AC
- C9BBA6
- BCB19F
- B0A799
- A49D93
- 98938D
- 8C8A86
색 조화
보색 +180°
- FCE5BF
Burnished Cream
- DCE9FF
≈ Cloudless
유사색 -30° +30°
- FCE5BF
Burnished Cream
- FFE1D1
≈ Powdered Peach
- EAECC2
≈ Olive Creed
삼각 배색 +120° +240°
- FCE5BF
Burnished Cream
- BDF4F7
≈ Pale Sky
- F9DDFF
≈ Sugarpills
분열 보색 +150° +210°
- FCE5BF
Burnished Cream
- CDEEFF
≈ Blue Hijab
- E7E5FF
≈ Lavender Mist
사각 배색 +90° +180° +270°
- FCE5BF
Burnished Cream
- C4F5E3
≈ Shallow End
- DCE9FF
≈ Cloudless
- FFDEEC
≈ Transparent Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.09:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--burnished-cream: #fce5bf;
--burnished-cream-rgb: 252 229 191;
--burnished-cream-oklch: oklch(0.931 0.056 80.3);
}
.element {
color: var(--burnished-cream);
background-color: hsl(37 91% 87%);
border-color: oklch(0.931 0.056 80.3);
}Tailwind CSS v4
@theme {
--color-burnished-cream: #fce5bf;
--color-burnished-cream-50: #fdf4e4;
--color-burnished-cream-100: #f1e7d4;
--color-burnished-cream-200: #e0d3ba;
--color-burnished-cream-300: #c6b598;
--color-burnished-cream-400: #b09b79;
--color-burnished-cream-500: #9a835c;
--color-burnished-cream-600: #826f4e;
--color-burnished-cream-700: #68583e;
--color-burnished-cream-800: #4d402c;
--color-burnished-cream-900: #362c1e;
--color-burnished-cream-950: #21190e;
}SCSS
$burnished-cream: #fce5bf;
$burnished-cream-rgb: 252, 229, 191;
$burnished-cream-light: mix(#fff, $burnished-cream, 20%);
$burnished-cream-dark: mix(#000, $burnished-cream, 20%);
.element {
color: $burnished-cream;
box-shadow: 0 0 0 2px rgba($burnished-cream, 0.35);
}