Benoemde kleur · #FFE39B
Crème Brûlée
Crème Brûlée is #FFE39B: rgb(255 227 155), hsl(43 100% 80%), oklch(0.923 0.095 89.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Crème Brûlée color name →
#FFE39B
oklch(0.923 0.095 89.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FFE6A6
- FFE9B0
- FFECBB
- FFEFC5
- FFF1CF
- FFF4D8
- FFF7E2
- FFFAEC
- FFFCF5
Schaduwen
- DEC586
- BEA872
- 9E8C5E
- 80714B
- 635739
- 483F28
- 2E2718
- 161209
- 030301
Tonen
- F2D999
- E4CF97
- D7C595
- CABB92
- BEB18F
- B1A78D
- A49D8A
- 989387
- 8C8A83
Kleurharmonieën
Complementair +180°
- FFE39B
Crème Brûlée
- DBE5FF
≈ Stoic White
Analoog -30° +30°
- FFE39B
Crème Brûlée
- FFDFC6
≈ Peak Season
- DEEFA7
≈ Mint Julep
Triadisch +120° +240°
- FFE39B
Crème Brûlée
- AEF3FF
≈ Northrend
- FFD7FB
≈ Strawberry Frost
Gesplitst complementair +150° +210°
- FFE39B
Crème Brûlée
- CDEAFF
≈ Veiling Waterfalls
- E9E0FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- FFE39B
Crème Brûlée
- 9BFBE7
≈ Hello Winter
- DBE5FF
≈ Stoic White
- FFDAE5
≈ Pink Perfume
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.71:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
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);
}