Benannte Farbe · #9B9028
Sleepy Hamlet
Sleepy Hamlet ist #9B9028: rgb(155 144 40), hsl(54 59% 38%), oklch(0.644 0.121 103.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sleepy Hamlet color name →
#9B9028
oklch(0.644 0.121 103.1)
Farbumrechnungen
- HEX
- #9b9028
- RGB
- rgb(155 144 40)
- HSL
- hsl(54 59% 38%)
- HWB
- hwb(54 16% 39%)
- OKLCH
- oklch(0.644 0.121 103.1)
- OKLab
- oklab(0.644 -0.027 0.118)
- CIE Lab
- lab(59.36 -4.56 53.09)
- LCH
- lch(59.36 53.28 94.9)
- CMYK
- cmyk(0% 7% 74% 39%)
Tints · Shades · Tones
Tints
- A49B44
- AEA65B
- B8B171
- C1BC86
- CBC79A
- D5D2AE
- E0DDC2
- EAE9D6
- F4F4EB
Shades
- 867D21
- 726A1B
- 5E5715
- 4B450F
- 393409
- 282404
- 181502
- 090701
- 010100
Tones
- 988F37
- 958D43
- 938C4D
- 908A56
- 8D895E
- 8A8765
- 88856C
- 858473
- 83827A
Farbharmonien
Komplementär +180°
- 9B9028
Sleepy Hamlet
- 8483D4
≈ Indigo Bloom
Analog -30° +30°
- 9B9028
Sleepy Hamlet
- B9802A
≈ Nouveau Green
- 6F9D4D
≈ Kiwi
Triadisch +120° +240°
- 9B9028
Sleepy Hamlet
- 009CC2
≈ Sea Wonder
- C06EA1
≈ Crocus
Geteilt komplementär +150° +210°
- 9B9028
Sleepy Hamlet
- 5590D5
≈ Blue Dart
- A776C1
≈ Wisteria
Tetradisch +90° +180° +270°
- 9B9028
Sleepy Hamlet
- 00A2A0
≈ Aqua Velvet
- 8483D4
≈ Indigo Bloom
- CC6C78
≈ Trout Pout
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.27:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.41:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.41:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--sleepy-hamlet: #9b9028;
--sleepy-hamlet-rgb: 155 144 40;
--sleepy-hamlet-oklch: oklch(0.644 0.121 103.1);
}
.element {
color: var(--sleepy-hamlet);
background-color: hsl(54 59% 38%);
border-color: oklch(0.644 0.121 103.1);
}Tailwind CSS v4
@theme {
--color-sleepy-hamlet: #9b9028;
--color-sleepy-hamlet-50: #faf8d0;
--color-sleepy-hamlet-100: #edebbc;
--color-sleepy-hamlet-200: #dbd89b;
--color-sleepy-hamlet-300: #c0bb70;
--color-sleepy-hamlet-400: #aba144;
--color-sleepy-hamlet-500: #958900;
--color-sleepy-hamlet-600: #7e7403;
--color-sleepy-hamlet-700: #655d05;
--color-sleepy-hamlet-800: #4c4301;
--color-sleepy-hamlet-900: #342e02;
--color-sleepy-hamlet-950: #201b00;
}SCSS
$sleepy-hamlet: #9b9028;
$sleepy-hamlet-rgb: 155, 144, 40;
$sleepy-hamlet-light: mix(#fff, $sleepy-hamlet, 20%);
$sleepy-hamlet-dark: mix(#000, $sleepy-hamlet, 20%);
.element {
color: $sleepy-hamlet;
box-shadow: 0 0 0 2px rgba($sleepy-hamlet, 0.35);
}