Benannte Farbe · #ACC729
Young Plum
Young Plum ist #ACC729: rgb(172 199 41), hsl(70 66% 47%), oklch(0.783 0.173 119.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Young Plum color name →
#ACC729
oklch(0.783 0.173 119.5)
Farbumrechnungen
- HEX
- #acc729
- RGB
- rgb(172 199 41)
- HSL
- hsl(70 66% 47%)
- HWB
- hwb(70 16% 22%)
- OKLCH
- oklch(0.783 0.173 119.5)
- OKLab
- oklab(0.783 -0.085 0.151)
- CIE Lab
- lab(76.23 -23.69 68.28)
- LCH
- lch(76.23 72.28 109.1)
- CMYK
- cmyk(14% 0% 79% 22%)
Tints · Shades · Tones
Tints
- B4CD4C
- BCD365
- C4D97B
- CCDE90
- D4E4A3
- DCEAB6
- E5EFC8
- EDF5DB
- F6FAED
Shades
- 95AD22
- 7F931C
- 697A15
- 54620F
- 404C09
- 2D3605
- 1B2102
- 0B0E01
- 010200
Tones
- A7C03D
- A3B94A
- 9EB255
- 9AAB5E
- 95A465
- 919D6C
- 8D9672
- 888E77
- 84877C
Farbharmonien
Komplementär +180°
- ACC729
Young Plum
- C4A5FF
≈ Diva
Analog -30° +30°
- ACC729
Young Plum
- E1B200
≈ Golden Frame
- 57D679
≈ Drunken Dragonfly
Triadisch +120° +240°
- ACC729
Young Plum
- 65C3FF
≈ Maya Blue
- FF91B5
≈ Schauss Pink
Geteilt komplementär +150° +210°
- ACC729
Young Plum
- 9CB5FF
≈ Truesky Gloxym
- F48CED
≈ Frail Fuchsia
Tetradisch +90° +180° +270°
- ACC729
Young Plum
- 00CFE7
≈ Picnic Day Sky
- C4A5FF
≈ Diva
- FF9888
≈ Mona Lisa
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 10.95:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--young-plum: #acc729;
--young-plum-rgb: 172 199 41;
--young-plum-oklch: oklch(0.783 0.173 119.5);
}
.element {
color: var(--young-plum);
background-color: hsl(70 66% 47%);
border-color: oklch(0.783 0.173 119.5);
}Tailwind CSS v4
@theme {
--color-young-plum: #acc729;
--color-young-plum-50: #edfec6;
--color-young-plum-100: #def2b1;
--color-young-plum-200: #c8e08b;
--color-young-plum-300: #aac559;
--color-young-plum-400: #93ac03;
--color-young-plum-500: #7a9400;
--color-young-plum-600: #687d00;
--color-young-plum-700: #536400;
--color-young-plum-800: #3f4900;
--color-young-plum-900: #2b3300;
--color-young-plum-950: #191e00;
}SCSS
$young-plum: #acc729;
$young-plum-rgb: 172, 199, 41;
$young-plum-light: mix(#fff, $young-plum, 20%);
$young-plum-dark: mix(#000, $young-plum, 20%);
.element {
color: $young-plum;
box-shadow: 0 0 0 2px rgba($young-plum, 0.35);
}