Benoemde kleur · #FFC87C
Beige Topaz
Beige Topaz is #FFC87C: rgb(255 200 124), hsl(35 100% 74%), oklch(0.866 0.113 74.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Beige Topaz color name →
#FFC87C
oklch(0.866 0.113 74.3)
Kleurconversies
- HEX
- #ffc87c
- RGB
- rgb(255 200 124)
- HSL
- hsl(35 100% 74%)
- HWB
- hwb(35 49% 0%)
- OKLCH
- oklch(0.866 0.113 74.3)
- OKLab
- oklab(0.866 0.03 0.109)
- CIE Lab
- lab(84.42 13.8 45.61)
- LCH
- lch(84.42 47.65 73.2)
- CMYK
- cmyk(0% 22% 51% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFCE8A
- FFD398
- FFD9A6
- FFDFB3
- FFE4C0
- FFEACD
- FFEFD9
- FFF4E6
- FFFAF3
Schaduwen
- DEAE6B
- BE945A
- 9E7B4A
- 80633B
- 634C2C
- 48361E
- 2E2111
- 160F05
- 030201
Tonen
- F2C17E
- E5BA7F
- D8B280
- CBAB81
- BEA481
- B19D82
- A59682
- 998E81
- 8C8781
Kleurharmonieën
Complementair +180°
- FFC87C
Beige Topaz
- B5D6FF
≈ Ice Cold Stare
Analoog -30° +30°
- FFC87C
Beige Topaz
- FFC4AA
≈ Gadabout
- DFD77D
≈ Golden Rice
Triadisch +120° +240°
- FFC87C
Beige Topaz
- 6BEAE9
≈ Blue Crystal Landscape
- EAC1FF
≈ Light Lavender
Gesplitst complementair +150° +210°
- FFC87C
Beige Topaz
- 8FE0FF
≈ Tranquil Pool
- CDCEFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- FFC87C
Beige Topaz
- 87EBC0
≈ Jittery Jade
- B5D6FF
≈ Ice Cold Stare
- FFBBE1
≈ Bubblegum Heart
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.52:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.80:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--beige-topaz: #ffc87c;
--beige-topaz-rgb: 255 200 124;
--beige-topaz-oklch: oklch(0.866 0.113 74.3);
}
.element {
color: var(--beige-topaz);
background-color: hsl(35 100% 74%);
border-color: oklch(0.866 0.113 74.3);
}Tailwind CSS v4
@theme {
--color-beige-topaz: #ffc87c;
--color-beige-topaz-50: #fff2d2;
--color-beige-topaz-100: #fee4bf;
--color-beige-topaz-200: #f0ce9e;
--color-beige-topaz-300: #d9b074;
--color-beige-topaz-400: #c6944d;
--color-beige-topaz-500: #b27918;
--color-beige-topaz-600: #966719;
--color-beige-topaz-700: #785214;
--color-beige-topaz-800: #5a3b0d;
--color-beige-topaz-900: #3f2908;
--color-beige-topaz-950: #281600;
}SCSS
$beige-topaz: #ffc87c;
$beige-topaz-rgb: 255, 200, 124;
$beige-topaz-light: mix(#fff, $beige-topaz, 20%);
$beige-topaz-dark: mix(#000, $beige-topaz, 20%);
.element {
color: $beige-topaz;
box-shadow: 0 0 0 2px rgba($beige-topaz, 0.35);
}