Benannte Farbe · #CF9632
Golden Pheasant
Golden Pheasant ist #CF9632: rgb(207 150 50), hsl(38 62% 50%), oklch(0.711 0.131 77.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Pheasant color name →
#CF9632
oklch(0.711 0.131 77.2)
Farbumrechnungen
- HEX
- #cf9632
- RGB
- rgb(207 150 50)
- HSL
- hsl(38 62% 50%)
- HWB
- hwb(38 20% 19%)
- OKLCH
- oklch(0.711 0.131 77.2)
- OKLab
- oklab(0.711 0.029 0.127)
- CIE Lab
- lab(66.47 15.57 58.22)
- LCH
- lch(66.47 60.27 75)
- CMYK
- cmyk(0% 28% 76% 19%)
Tints · Shades · Tones
Tints
- D4A14D
- D9AB64
- DEB679
- E3C08C
- E8CBA0
- EDD5B3
- F1E0C6
- F6EAD9
- FBF5EC
Shades
- B4822A
- 996E22
- 7F5B1B
- 674914
- 4F370D
- 382607
- 231603
- 100801
- 020100
Tones
- C79440
- BF924B
- B79054
- AF8E5C
- A88C63
- A08A6A
- 988870
- 908576
- 88837B
Farbharmonien
Komplementär +180°
- CF9632
Golden Pheasant
- 6BA3F2
≈ Feather Star
Analog -30° +30°
- CF9632
Golden Pheasant
- E38656
≈ Orange Poppy
- ABA738
≈ Venom
Triadisch +120° +240°
- CF9632
Golden Pheasant
- 00B9BC
≈ Caicos Turquoise
- C387D7
≈ Purception
Geteilt komplementär +150° +210°
- CF9632
Golden Pheasant
- 22B1E1
≈ Blue Atoll
- 9D94EF
≈ Cobalite
Tetradisch +90° +180° +270°
- CF9632
Golden Pheasant
- 34BB91
≈ Mountain Meadow
- 6BA3F2
≈ Feather Star
- DC7EB1
≈ Middle Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.06:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--golden-pheasant: #cf9632;
--golden-pheasant-rgb: 207 150 50;
--golden-pheasant-oklch: oklch(0.711 0.131 77.2);
}
.element {
color: var(--golden-pheasant);
background-color: hsl(38 62% 50%);
border-color: oklch(0.711 0.131 77.2);
}Tailwind CSS v4
@theme {
--color-golden-pheasant: #cf9632;
--color-golden-pheasant-50: #fff2cc;
--color-golden-pheasant-100: #ffe4b7;
--color-golden-pheasant-200: #f2ce94;
--color-golden-pheasant-300: #dbb067;
--color-golden-pheasant-400: #c99337;
--color-golden-pheasant-500: #b57800;
--color-golden-pheasant-600: #996600;
--color-golden-pheasant-700: #7b5100;
--color-golden-pheasant-800: #5c3a00;
--color-golden-pheasant-900: #402800;
--color-golden-pheasant-950: #291600;
}SCSS
$golden-pheasant: #cf9632;
$golden-pheasant-rgb: 207, 150, 50;
$golden-pheasant-light: mix(#fff, $golden-pheasant, 20%);
$golden-pheasant-dark: mix(#000, $golden-pheasant, 20%);
.element {
color: $golden-pheasant;
box-shadow: 0 0 0 2px rgba($golden-pheasant, 0.35);
}