Benannte Farbe · #C4D6AF
Hamster Habitat
Hamster Habitat ist #C4D6AF: rgb(196 214 175), hsl(88 32% 76%), oklch(0.852 0.056 127.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Hamster Habitat color name →
#C4D6AF
oklch(0.852 0.056 127.7)
Farbumrechnungen
- HEX
- #c4d6af
- RGB
- rgb(196 214 175)
- HSL
- hsl(88 32% 76%)
- HWB
- hwb(88 69% 16%)
- OKLCH
- oklch(0.852 0.056 127.7)
- OKLab
- oklab(0.852 -0.034 0.044)
- CIE Lab
- lab(83.49 -11.42 17.2)
- LCH
- lch(83.49 20.65 123.6)
- CMYK
- cmyk(8% 0% 18% 16%)
Tints · Shades · Tones
Tints
- CADAB7
- D0DEBF
- D5E2C7
- DBE6CF
- E1EAD7
- E7EFDF
- EDF3E7
- F3F7EF
- F9FBF7
Shades
- AABA98
- 919E81
- 78846B
- 616A56
- 4A5241
- 353B2E
- 21251C
- 0E100B
- 020201
Tones
- BDCDAA
- B6C4A6
- AFBBA1
- A8B39C
- A1AA98
- 9BA293
- 94998E
- 8D9189
- 878885
Farbharmonien
Komplementär +180°
- C4D6AF
Hamster Habitat
- D8C5EC
≈ Foggy Love
Analog -30° +30°
- C4D6AF
Hamster Habitat
- D8CFA6
≈ Capital Grains
- B1DAC1
≈ Mint Gala
Triadisch +120° +240°
- C4D6AF
Hamster Habitat
- B2D3F2
≈ Summer Birthday
- F0C0C8
≈ Azalea Flower
Geteilt komplementär +150° +210°
- C4D6AF
Hamster Habitat
- C5CCF4
≈ Miami White
- E8C1DC
≈ Sweet Alyssum
Tetradisch +90° +180° +270°
- C4D6AF
Hamster Habitat
- A6D8E7
≈ Blue Click
- D8C5EC
≈ Foggy Love
- F0C3B5
≈ Fatty Sashimi
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.58:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--hamster-habitat: #c4d6af;
--hamster-habitat-rgb: 196 214 175;
--hamster-habitat-oklch: oklch(0.852 0.056 127.7);
}
.element {
color: var(--hamster-habitat);
background-color: hsl(88 32% 76%);
border-color: oklch(0.852 0.056 127.7);
}Tailwind CSS v4
@theme {
--color-hamster-habitat: #c4d6af;
--color-hamster-habitat-50: #f0f9e8;
--color-hamster-habitat-100: #e2ecd9;
--color-hamster-habitat-200: #ccd9c1;
--color-hamster-habitat-300: #aebea0;
--color-hamster-habitat-400: #95a582;
--color-hamster-habitat-500: #7c8e65;
--color-hamster-habitat-600: #697856;
--color-hamster-habitat-700: #546045;
--color-hamster-habitat-800: #3e4631;
--color-hamster-habitat-900: #2a3021;
--color-hamster-habitat-950: #181d10;
}SCSS
$hamster-habitat: #c4d6af;
$hamster-habitat-rgb: 196, 214, 175;
$hamster-habitat-light: mix(#fff, $hamster-habitat, 20%);
$hamster-habitat-dark: mix(#000, $hamster-habitat, 20%);
.element {
color: $hamster-habitat;
box-shadow: 0 0 0 2px rgba($hamster-habitat, 0.35);
}