Nazwany kolor · #AA9933
Pestulance
Pestulance to #AA9933: rgb(170 153 51), hsl(51 54% 43%), oklch(0.679 0.121 99.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pestulance color name →
#AA9933
oklch(0.679 0.121 99.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2A34D
- BAAD63
- C3B777
- CBC28B
- D3CC9F
- DCD6B2
- E5E0C5
- EDEAD8
- F6F5EC
Odcienie ciemniejsze
- 93842B
- 7D7023
- 685D1C
- 534A14
- 3F380D
- 2D2707
- 1B1703
- 0B0801
- 010100
Tony
- A69740
- A1944A
- 9D9253
- 99905B
- 958D62
- 908B69
- 8C886F
- 888575
- 84837B
Harmonie kolorów
Komplementarna +180°
- AA9933
Pestulance
- 898FE1
≈ Perrywinkle
Analogowa -30° +30°
- AA9933
Pestulance
- C7893A
≈ Golden Leaf
- 80A752
≈ Mosquito Fern
Triada +120° +240°
- AA9933
Pestulance
- 10A9CB
≈ Gummy Dolphins
- C979B0
≈ Strawberry Freeze
Komplementarna rozszczepiona +150° +210°
- AA9933
Pestulance
- 599DDF
≈ Blue Bay
- AE82D0
≈ Wisteria
Tetrada +90° +180° +270°
- AA9933
Pestulance
- 00AFA7
≈ Cozumel
- 898FE1
≈ Perrywinkle
- D77687
≈ Creamy Coral
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.87:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.31:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
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);
}