色名 · #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);
}