Nazwany kolor · #B96846
Pumpkin Drizzle
Pumpkin Drizzle to #B96846: rgb(185 104 70), hsl(18 45% 50%), oklch(0.602 0.114 43). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pumpkin Drizzle color name →
#B96846
oklch(0.602 0.114 43)
Konwersje koloru
- HEX
- #b96846
- RGB
- rgb(185 104 70)
- HSL
- hsl(18 45% 50%)
- HWB
- hwb(18 27% 27%)
- OKLCH
- oklch(0.602 0.114 43)
- OKLab
- oklab(0.602 0.084 0.078)
- CIE Lab
- lab(53.05 30.95 33.78)
- LCH
- lch(53.05 45.82 47.5)
- CMYK
- cmyk(0% 44% 62% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C17759
- C9866B
- D1957D
- D8A48F
- DFB3A1
- E6C2B3
- ECD1C6
- F3E0D9
- F9F0EC
Odcienie ciemniejsze
- A0593C
- 894B32
- 713E28
- 5B301E
- 462415
- 31180D
- 1E0C05
- 0D0402
- 020000
Tony
- B46B4D
- AF6E53
- A9715A
- A4735F
- 9F7665
- 99786B
- 937A70
- 8D7C76
- 877E7B
Harmonie kolorów
Komplementarna +180°
- B96846
Pumpkin Drizzle
- 008FB1
≈ Algiers Blue
Analogowa -30° +30°
- B96846
Pumpkin Drizzle
- BB626D
≈ Slate Rose
- AA7523
≈ Hot Toddy
Triada +120° +240°
- B96846
Pumpkin Drizzle
- 2C966D
≈ Rainforest
- 7877C3
≈ Kickstart Purple
Komplementarna rozszczepiona +150° +210°
- B96846
Pumpkin Drizzle
- 009492
≈ Paradise Landscape
- 4C84C3
≈ Astro Nautico
Tetrada +90° +180° +270°
- B96846
Pumpkin Drizzle
- 658F44
≈ Makrut Lime
- 008FB1
≈ Algiers Blue
- 996BB1
≈ Crown Jewels
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.09:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.13:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--pumpkin-drizzle: #b96846;
--pumpkin-drizzle-rgb: 185 104 70;
--pumpkin-drizzle-oklch: oklch(0.602 0.114 43);
}
.element {
color: var(--pumpkin-drizzle);
background-color: hsl(18 45% 50%);
border-color: oklch(0.602 0.114 43);
}Tailwind CSS v4
@theme {
--color-pumpkin-drizzle: #b96846;
--color-pumpkin-drizzle-50: #ffecdb;
--color-pumpkin-drizzle-100: #ffddc9;
--color-pumpkin-drizzle-200: #ffc6ac;
--color-pumpkin-drizzle-300: #e9a586;
--color-pumpkin-drizzle-400: #d78766;
--color-pumpkin-drizzle-500: #c46a44;
--color-pumpkin-drizzle-600: #a55a3a;
--color-pumpkin-drizzle-700: #85482e;
--color-pumpkin-drizzle-800: #633322;
--color-pumpkin-drizzle-900: #462316;
--color-pumpkin-drizzle-950: #2d1207;
}SCSS
$pumpkin-drizzle: #b96846;
$pumpkin-drizzle-rgb: 185, 104, 70;
$pumpkin-drizzle-light: mix(#fff, $pumpkin-drizzle, 20%);
$pumpkin-drizzle-dark: mix(#000, $pumpkin-drizzle, 20%);
.element {
color: $pumpkin-drizzle;
box-shadow: 0 0 0 2px rgba($pumpkin-drizzle, 0.35);
}