Benannte Farbe · #D09351
Cold Pilsner
Cold Pilsner ist #D09351: rgb(208 147 81), hsl(31 57% 57%), oklch(0.71 0.111 66.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cold Pilsner color name →
#D09351
oklch(0.71 0.111 66.5)
Farbumrechnungen
- HEX
- #d09351
- RGB
- rgb(208 147 81)
- HSL
- hsl(31 57% 57%)
- HWB
- hwb(31 32% 18%)
- OKLCH
- oklch(0.71 0.111 66.5)
- OKLab
- oklab(0.71 0.044 0.102)
- CIE Lab
- lab(66.1 18.78 43.95)
- LCH
- lch(66.1 47.8 66.9)
- CMYK
- cmyk(0% 29% 61% 18%)
Tints · Shades · Tones
Tints
- D59E64
- DAA976
- DFB387
- E4BE98
- E9C9AA
- EED4BB
- F2DFCC
- F6E9DD
- FBF4EE
Shades
- B57F45
- 9A6C3A
- 80592F
- 674724
- 4F361A
- 392510
- 231607
- 100802
- 020100
Tones
- C89158
- C0905E
- B88E63
- B08C68
- A88A6D
- A08871
- 988675
- 908479
- 88827D
Farbharmonien
Komplementär +180°
- D09351
Cold Pilsner
- 64A8E3
≈ Acapulco Dive
Analog -30° +30°
- D09351
Cold Pilsner
- DD8870
≈ Guava Jam
- B5A149
≈ Sea Squash
Triadisch +120° +240°
- D09351
Cold Pilsner
- 36B8AC
≈ Message Green
- B38FD8
≈ Pale Purple
Geteilt komplementär +150° +210°
- D09351
Cold Pilsner
- 39B2CE
≈ Santorini
- 8F9BE6
≈ Portage
Tetradisch +90° +180° +270°
- D09351
Cold Pilsner
- 61B685
≈ Jade Cream
- 64A8E3
≈ Acapulco Dive
- CD86BB
≈ Cyclamen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.97:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--cold-pilsner: #d09351;
--cold-pilsner-rgb: 208 147 81;
--cold-pilsner-oklch: oklch(0.71 0.111 66.5);
}
.element {
color: var(--cold-pilsner);
background-color: hsl(31 57% 57%);
border-color: oklch(0.71 0.111 66.5);
}Tailwind CSS v4
@theme {
--color-cold-pilsner: #d09351;
--color-cold-pilsner-50: #fff0d4;
--color-cold-pilsner-100: #ffe2c1;
--color-cold-pilsner-200: #f4cca1;
--color-cold-pilsner-300: #ddad79;
--color-cold-pilsner-400: #cb9153;
--color-cold-pilsner-500: #b77626;
--color-cold-pilsner-600: #9a6423;
--color-cold-pilsner-700: #7c501c;
--color-cold-pilsner-800: #5d3913;
--color-cold-pilsner-900: #41270c;
--color-cold-pilsner-950: #291501;
}SCSS
$cold-pilsner: #d09351;
$cold-pilsner-rgb: 208, 147, 81;
$cold-pilsner-light: mix(#fff, $cold-pilsner, 20%);
$cold-pilsner-dark: mix(#000, $cold-pilsner, 20%);
.element {
color: $cold-pilsner;
box-shadow: 0 0 0 2px rgba($cold-pilsner, 0.35);
}