命名颜色 · #FFE39B
Crème Brûlée
Crème Brûlée 即 #FFE39B：rgb(255 227 155)、hsl(43 100% 80%)、oklch(0.923 0.095 89.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Crème Brûlée color name →
#FFE39B
oklch(0.923 0.095 89.1)
颜色转换
- HEX
- #ffe39b
- RGB
- rgb(255 227 155)
- HSL
- hsl(43 100% 80%)
- HWB
- hwb(43 61% 0%)
- OKLCH
- oklch(0.923 0.095 89.1)
- OKLab
- oklab(0.923 0.001 0.095)
- CIE Lab
- lab(91.37 2.83 38.88)
- LCH
- lch(91.37 38.99 85.8)
- CMYK
- cmyk(0% 11% 39% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFE6A6
- FFE9B0
- FFECBB
- FFEFC5
- FFF1CF
- FFF4D8
- FFF7E2
- FFFAEC
- FFFCF5
深色调
- DEC586
- BEA872
- 9E8C5E
- 80714B
- 635739
- 483F28
- 2E2718
- 161209
- 030301
灰色调
- F2D999
- E4CF97
- D7C595
- CABB92
- BEB18F
- B1A78D
- A49D8A
- 989387
- 8C8A83
配色和谐
互补色 +180°
- FFE39B
Crème Brûlée
- DBE5FF
≈ Stoic White
类似色 -30° +30°
- FFE39B
Crème Brûlée
- FFDFC6
≈ Peak Season
- DEEFA7
≈ Mint Julep
三角配色 +120° +240°
- FFE39B
Crème Brûlée
- AEF3FF
≈ Northrend
- FFD7FB
≈ Strawberry Frost
分裂互补色 +150° +210°
- FFE39B
Crème Brûlée
- CDEAFF
≈ Veiling Waterfalls
- E9E0FF
≈ Lavender Savour
四角配色 +90° +180° +270°
- FFE39B
Crème Brûlée
- 9BFBE7
≈ Hello Winter
- DBE5FF
≈ Stoic White
- FFDAE5
≈ Pink Perfume
对比度与无障碍
Ag
Fail白底
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.71:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--creme-brulee: #ffe39b;
--creme-brulee-rgb: 255 227 155;
--creme-brulee-oklch: oklch(0.923 0.095 89.1);
}
.element {
color: var(--creme-brulee);
background-color: hsl(43 100% 80%);
border-color: oklch(0.923 0.095 89.1);
}Tailwind CSS v4
@theme {
--color-creme-brulee: #ffe39b;
--color-creme-brulee-50: #fff5d7;
--color-creme-brulee-100: #f4e7c4;
--color-creme-brulee-200: #e3d3a6;
--color-creme-brulee-300: #c9b67f;
--color-creme-brulee-400: #b59c5a;
--color-creme-brulee-500: #9f8331;
--color-creme-brulee-600: #876f2b;
--color-creme-brulee-700: #6c5822;
--color-creme-brulee-800: #504017;
--color-creme-brulee-900: #382c0f;
--color-creme-brulee-950: #231903;
}SCSS
$creme-brulee: #ffe39b;
$creme-brulee-rgb: 255, 227, 155;
$creme-brulee-light: mix(#fff, $creme-brulee, 20%);
$creme-brulee-dark: mix(#000, $creme-brulee, 20%);
.element {
color: $creme-brulee;
box-shadow: 0 0 0 2px rgba($creme-brulee, 0.35);
}