Benannte Farbe · #A49186
Casket
Casket ist #A49186: rgb(164 145 134), hsl(22 14% 58%), oklch(0.67 0.028 52). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Casket color name →
#A49186
oklch(0.67 0.028 52)
Farbumrechnungen
- HEX
- #a49186
- RGB
- rgb(164 145 134)
- HSL
- hsl(22 14% 58%)
- HWB
- hwb(22 53% 36%)
- OKLCH
- oklch(0.67 0.028 52)
- OKLab
- oklab(0.67 0.017 0.022)
- CIE Lab
- lab(61.66 5.96 8.59)
- LCH
- lch(61.66 10.46 55.3)
- CMYK
- cmyk(0% 12% 18% 36%)
Tints · Shades · Tones
Tints
- AD9B91
- B6A69D
- BFB1A9
- C8BCB5
- D1C7C1
- DAD2CD
- E3DDD9
- ECE8E6
- F6F4F2
Shades
- 8E7D74
- 796A62
- 645851
- 504640
- 3D3530
- 2B2521
- 1A1513
- 0A0706
- 010101
Tones
- A08F85
- 9D8E85
- 998C84
- 968A84
- 928983
- 8E8782
- 8B8582
- 878381
- 848281
Farbharmonien
Komplementär +180°
- A49186
Casket
- 8599A4
≈ Silver Storm
Analog -30° +30°
- A49186
Casket
- A68F8E
≈ Ash Hollow
- 9E9482
≈ Rolling Pebble
Triadisch +120° +240°
- A49186
Casket
- 859B93
≈ Sutherland
- 9593A6
≈ Jazz Tune
Geteilt komplementär +150° +210°
- A49186
Casket
- 829B9D
≈ North Beach Blue
- 8C96A7
≈ Approaching Dusk
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.01:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.97:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--casket: #a49186;
--casket-rgb: 164 145 134;
--casket-oklch: oklch(0.67 0.028 52);
}
.element {
color: var(--casket);
background-color: hsl(22 14% 58%);
border-color: oklch(0.67 0.028 52);
}Tailwind CSS v4
@theme {
--color-casket: #a49186;
--color-casket-50: #fcf3ee;
--color-casket-100: #f0e6df;
--color-casket-200: #ded1c9;
--color-casket-300: #c3b4aa;
--color-casket-400: #ad9a90;
--color-casket-500: #968176;
--color-casket-600: #7f6e64;
--color-casket-700: #655850;
--color-casket-800: #4b403a;
--color-casket-900: #342c28;
--color-casket-950: #1f1916;
}SCSS
$casket: #a49186;
$casket-rgb: 164, 145, 134;
$casket-light: mix(#fff, $casket, 20%);
$casket-dark: mix(#000, $casket, 20%);
.element {
color: $casket;
box-shadow: 0 0 0 2px rgba($casket, 0.35);
}