Nazwany kolor · #DBB532
Pickled Peppers
Pickled Peppers to #DBB532: rgb(219 181 50), hsl(47 70% 53%), oklch(0.785 0.146 91.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pickled Peppers color name →
#DBB532
oklch(0.785 0.146 91.7)
Konwersje koloru
- HEX
- #dbb532
- RGB
- rgb(219 181 50)
- HSL
- hsl(47 70% 53%)
- HWB
- hwb(47 20% 14%)
- OKLCH
- oklch(0.785 0.146 91.7)
- OKLab
- oklab(0.785 -0.004 0.146)
- CIE Lab
- lab(75.5 4.98 66.85)
- LCH
- lch(75.5 67.03 85.7)
- CMYK
- cmyk(0% 17% 77% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFBD50
- E2C468
- E6CC7E
- E9D391
- EDDBA4
- F1E2B7
- F4E9C9
- F8F1DB
- FBF8ED
Odcienie ciemniejsze
- BE9D2A
- A28622
- 876F1B
- 6D5914
- 54440D
- 3C3007
- 261D03
- 110C01
- 020200
Tony
- D2B042
- C8AB4E
- BFA658
- B6A060
- AC9B67
- A3966D
- 9A9073
- 928B78
- 89867C
Harmonie kolorów
Komplementarna +180°
- DBB532
Pickled Peppers
- A0B5FF
≈ Truesky Gloxym
Analogowa -30° +30°
- DBB532
Pickled Peppers
- FBA14B
≈ Double Dragon
- AAC753
≈ Sweet Midori
Triada +120° +240°
- DBB532
Pickled Peppers
- 00CFEB
≈ Picnic Day Sky
- EF94E3
≈ Love Dust
Komplementarna rozszczepiona +150° +210°
- DBB532
Pickled Peppers
- 6EC2FF
≈ Maya Blue
- C8A4FF
≈ Diva
Tetrada +90° +180° +270°
- DBB532
Pickled Peppers
- 00D6BF
≈ Turquoise Panic
- A0B5FF
≈ Truesky Gloxym
- FF93B3
≈ Schauss Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.66:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.66:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--pickled-peppers: #dbb532;
--pickled-peppers-rgb: 219 181 50;
--pickled-peppers-oklch: oklch(0.785 0.146 91.7);
}
.element {
color: var(--pickled-peppers);
background-color: hsl(47 70% 53%);
border-color: oklch(0.785 0.146 91.7);
}Tailwind CSS v4
@theme {
--color-pickled-peppers: #dbb532;
--color-pickled-peppers-50: #fff5c6;
--color-pickled-peppers-100: #f8e8b0;
--color-pickled-peppers-200: #e9d48b;
--color-pickled-peppers-300: #d0b659;
--color-pickled-peppers-400: #be9a15;
--color-pickled-peppers-500: #a98000;
--color-pickled-peppers-600: #8f6d00;
--color-pickled-peppers-700: #735700;
--color-pickled-peppers-800: #563f00;
--color-pickled-peppers-900: #3c2b00;
--color-pickled-peppers-950: #261800;
}SCSS
$pickled-peppers: #dbb532;
$pickled-peppers-rgb: 219, 181, 50;
$pickled-peppers-light: mix(#fff, $pickled-peppers, 20%);
$pickled-peppers-dark: mix(#000, $pickled-peppers, 20%);
.element {
color: $pickled-peppers;
box-shadow: 0 0 0 2px rgba($pickled-peppers, 0.35);
}