Benoemde kleur · #FCC680
Uldum Beige
Uldum Beige is #FCC680: rgb(252 198 128), hsl(34 95% 75%), oklch(0.86 0.107 72.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Uldum Beige color name →
#FCC680
oklch(0.86 0.107 72.8)
Kleurconversies
- HEX
- #fcc680
- RGB
- rgb(252 198 128)
- HSL
- hsl(34 95% 75%)
- HWB
- hwb(34 50% 1%)
- OKLCH
- oklch(0.86 0.107 72.8)
- OKLab
- oklab(0.86 0.032 0.102)
- CIE Lab
- lab(83.68 13.83 42.64)
- LCH
- lch(83.68 44.83 72)
- CMYK
- cmyk(0% 21% 49% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FDCC8E
- FDD29B
- FED8A8
- FEDDB5
- FEE3C1
- FFE9CE
- FFEEDA
- FFF4E6
- FFF9F3
Schaduwen
- DBAC6E
- BB925D
- 9C7A4D
- 7E623D
- 624B2E
- 47351F
- 2D2112
- 160E06
- 030201
Tonen
- EFBF81
- E2B882
- D6B183
- C9AA83
- BDA383
- B09C83
- A49582
- 988E82
- 8C8781
Kleurharmonieën
Complementair +180°
- FCC680
Uldum Beige
- B0D4FF
≈ Ice Cold Stare
Analoog -30° +30°
- FCC680
Uldum Beige
- FFC0A7
≈ Sweet Apricot
- DED47F
≈ Golden Rice
Triadisch +120° +240°
- FCC680
Uldum Beige
- 71E7E4
≈ Blue Crystal Landscape
- E7BFFF
≈ Jane Purple
Gesplitst complementair +150° +210°
- FCC680
Uldum Beige
- 86DFFF
≈ Tranquil Pool
- C9CCFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- FCC680
Uldum Beige
- 8CE7BD
≈ Bubble Algae
- B0D4FF
≈ Ice Cold Stare
- FFB7E2
≈ Hot Aquarelle Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.55:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.52:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.52:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--uldum-beige: #fcc680;
--uldum-beige-rgb: 252 198 128;
--uldum-beige-oklch: oklch(0.86 0.107 72.8);
}
.element {
color: var(--uldum-beige);
background-color: hsl(34 95% 75%);
border-color: oklch(0.86 0.107 72.8);
}Tailwind CSS v4
@theme {
--color-uldum-beige: #fcc680;
--color-uldum-beige-50: #fff1d4;
--color-uldum-beige-100: #fee4c1;
--color-uldum-beige-200: #f0cea2;
--color-uldum-beige-300: #d8b079;
--color-uldum-beige-400: #c59453;
--color-uldum-beige-500: #b17926;
--color-uldum-beige-600: #956722;
--color-uldum-beige-700: #78521b;
--color-uldum-beige-800: #593b12;
--color-uldum-beige-900: #3f290b;
--color-uldum-beige-950: #281601;
}SCSS
$uldum-beige: #fcc680;
$uldum-beige-rgb: 252, 198, 128;
$uldum-beige-light: mix(#fff, $uldum-beige, 20%);
$uldum-beige-dark: mix(#000, $uldum-beige, 20%);
.element {
color: $uldum-beige;
box-shadow: 0 0 0 2px rgba($uldum-beige, 0.35);
}