Nächste benannte Farbe · #FFACA3
#FFACA3
Nächste benannte Farbe: Peach Bud
#FFACA3 (rgb(255 172 163), hsl(6 100% 82%), oklch(0.823 0.099 26.3)) liegt am nächsten an der benannten Farbe Peach Bud. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FFACA3
oklch(0.823 0.099 26.3)
Farbumrechnungen
- HEX
- #ffaca3
- RGB
- rgb(255 172 163)
- HSL
- hsl(6 100% 82%)
- HWB
- hwb(6 64% 0%)
- OKLCH
- oklch(0.823 0.099 26.3)
- OKLab
- oklab(0.823 0.089 0.044)
- CIE Lab
- lab(78.49 30.53 17.74)
- LCH
- lch(78.49 35.31 30.2)
- CMYK
- cmyk(0% 33% 36% 0%)
Tints · Shades · Tones
Tints
- FFB4AC
- FFBDB5
- FFC5BE
- FFCEC7
- FFD6D1
- FFDEDA
- FFE6E3
- FFEFEC
- FFF7F6
Shades
- DE958D
- BE7F78
- 9E6963
- 80544F
- 63403C
- 482D2A
- 2E1B19
- 160B0A
- 030101
Tones
- F2A8A0
- E5A49C
- D99F99
- CC9B95
- BF9792
- B3928E
- A68E8B
- 998987
- 8D8584
Farbharmonien
Komplementär +180°
- FFACA3
Peach Bud
- 6ED7E5
≈ Turquoise Sea
Analog -30° +30°
- FFACA3
Peach Bud
- F9AAC7
≈ Rose Mallow
- F7B485
≈ Autumn Mist
Triadisch +120° +240°
- FFACA3
Peach Bud
- 9BD79F
≈ Green Ash
- AAC4FF
≈ Pastel Blue
Geteilt komplementär +150° +210°
- FFACA3
Peach Bud
- 78DAC3
≈ Star Grass
- 83CFFD
≈ Drift on the Sea
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.68:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--peach-bud: #ffaca3;
--peach-bud-rgb: 255 172 163;
--peach-bud-oklch: oklch(0.823 0.099 26.3);
}
.element {
color: var(--peach-bud);
background-color: hsl(6 100% 82%);
border-color: oklch(0.823 0.099 26.3);
}Tailwind CSS v4
@theme {
--color-peach-bud: #ffaca3;
--color-peach-bud-50: #ffebe5;
--color-peach-bud-100: #ffdcd6;
--color-peach-bud-200: #fcc5bd;
--color-peach-bud-300: #e6a49b;
--color-peach-bud-400: #d3877f;
--color-peach-bud-500: #bf6b63;
--color-peach-bud-600: #a15b54;
--color-peach-bud-700: #824843;
--color-peach-bud-800: #603431;
--color-peach-bud-900: #442321;
--color-peach-bud-950: #2b1211;
}SCSS
$peach-bud: #ffaca3;
$peach-bud-rgb: 255, 172, 163;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}