Benoemde kleur · #FFB07C
Peach
Peach is #FFB07C: rgb(255 176 124), hsl(24 100% 74%), oklch(0.822 0.115 53.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Peach color name →
#FFB07C
oklch(0.822 0.115 53.8)
Kleurconversies
- HEX
- #ffb07c
- RGB
- rgb(255 176 124)
- HSL
- hsl(24 100% 74%)
- HWB
- hwb(24 49% 0%)
- OKLCH
- oklch(0.822 0.115 53.8)
- OKLab
- oklab(0.822 0.068 0.093)
- CIE Lab
- lab(78.81 25.69 38.76)
- LCH
- lch(78.81 46.5 56.5)
- CMYK
- cmyk(0% 31% 51% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFB88A
- FFC097
- FFC8A4
- FFD0B2
- FFD8BF
- FFE0CB
- FFE8D8
- FFF0E5
- FFF7F2
Schaduwen
- DE996B
- BE825A
- 9E6C4A
- 80563B
- 63422C
- 482E1E
- 2E1C11
- 160B05
- 030101
Tonen
- F2AB7D
- E5A77E
- D8A27F
- CC9D80
- BF9980
- B29481
- A68F81
- 998A81
- 8D8580
Kleurharmonieën
Complementair +180°
- FFB07C
Peach
- 7AD0FF
≈ Bubbly Barracuda
Analoog -30° +30°
- FFB07C
Peach
- FFABA5
≈ Patient Pink
- E8BE69
≈ Golden Chalice
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- FFB07C
Peach
- 57DAE6
≈ Neon Nazar
- A7C5FF
≈ Pastel Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.78:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.75:1 · APCA Lc 70
Beste tekstkleur: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--peach: #ffb07c;
--peach-rgb: 255 176 124;
--peach-oklch: oklch(0.822 0.115 53.8);
}
.element {
color: var(--peach);
background-color: hsl(24 100% 74%);
border-color: oklch(0.822 0.115 53.8);
}Tailwind CSS v4
@theme {
--color-peach: #ffb07c;
--color-peach-50: #ffedd6;
--color-peach-100: #ffdfc4;
--color-peach-200: #fbc8a5;
--color-peach-300: #e5a87e;
--color-peach-400: #d38b5b;
--color-peach-500: #c06f33;
--color-peach-600: #a25e2d;
--color-peach-700: #824b24;
--color-peach-800: #613619;
--color-peach-900: #442510;
--color-peach-950: #2c1304;
}SCSS
$peach: #ffb07c;
$peach-rgb: 255, 176, 124;
$peach-light: mix(#fff, $peach, 20%);
$peach-dark: mix(#000, $peach, 20%);
.element {
color: $peach;
box-shadow: 0 0 0 2px rgba($peach, 0.35);
}