Benannte Farbe · #AA9933
Pestulance
Pestulance ist #AA9933: rgb(170 153 51), hsl(51 54% 43%), oklch(0.679 0.121 99.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Pestulance color name →
#AA9933
oklch(0.679 0.121 99.6)
Farbumrechnungen
- HEX
- #aa9933
- RGB
- rgb(170 153 51)
- HSL
- hsl(51 54% 43%)
- HWB
- hwb(51 20% 33%)
- OKLCH
- oklch(0.679 0.121 99.6)
- OKLab
- oklab(0.679 -0.02 0.119)
- CIE Lab
- lab(63.33 -2.11 53.22)
- LCH
- lch(63.33 53.26 92.3)
- CMYK
- cmyk(0% 10% 70% 33%)
Tints · Shades · Tones
Tints
- B2A34D
- BAAD63
- C3B777
- CBC28B
- D3CC9F
- DCD6B2
- E5E0C5
- EDEAD8
- F6F5EC
Shades
- 93842B
- 7D7023
- 685D1C
- 534A14
- 3F380D
- 2D2707
- 1B1703
- 0B0801
- 010100
Tones
- A69740
- A1944A
- 9D9253
- 99905B
- 958D62
- 908B69
- 8C886F
- 888575
- 84837B
Farbharmonien
Komplementär +180°
- AA9933
Pestulance
- 898FE1
≈ Perrywinkle
Analog -30° +30°
- AA9933
Pestulance
- C7893A
≈ Golden Leaf
- 80A752
≈ Mosquito Fern
Triadisch +120° +240°
- AA9933
Pestulance
- 10A9CB
≈ Gummy Dolphins
- C979B0
≈ Strawberry Freeze
Geteilt komplementär +150° +210°
- AA9933
Pestulance
- 599DDF
≈ Blue Bay
- AE82D0
≈ Wisteria
Tetradisch +90° +180° +270°
- AA9933
Pestulance
- 00AFA7
≈ Cozumel
- 898FE1
≈ Perrywinkle
- D77687
≈ Creamy Coral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.87:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.31:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--pestulance: #aa9933;
--pestulance-rgb: 170 153 51;
--pestulance-oklch: oklch(0.679 0.121 99.6);
}
.element {
color: var(--pestulance);
background-color: hsl(51 54% 43%);
border-color: oklch(0.679 0.121 99.6);
}Tailwind CSS v4
@theme {
--color-pestulance: #aa9933;
--color-pestulance-50: #fcf7d0;
--color-pestulance-100: #f0eabc;
--color-pestulance-200: #ded79a;
--color-pestulance-300: #c4ba6f;
--color-pestulance-400: #b0a042;
--color-pestulance-500: #9a8700;
--color-pestulance-600: #827200;
--color-pestulance-700: #685b02;
--color-pestulance-800: #4e4200;
--color-pestulance-900: #362e01;
--color-pestulance-950: #211a00;
}SCSS
$pestulance: #aa9933;
$pestulance-rgb: 170, 153, 51;
$pestulance-light: mix(#fff, $pestulance, 20%);
$pestulance-dark: mix(#000, $pestulance, 20%);
.element {
color: $pestulance;
box-shadow: 0 0 0 2px rgba($pestulance, 0.35);
}