Nächste benannte Farbe · #CD897F
#CD897F
Nächste benannte Farbe: Whisky
#CD897F (rgb(205 137 127), hsl(8 44% 65%), oklch(0.696 0.085 28.6)) liegt am nächsten an der benannten Farbe Whisky. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CD897F
oklch(0.696 0.085 28.6)
Farbumrechnungen
- HEX
- #cd897f
- RGB
- rgb(205 137 127)
- HSL
- hsl(8 44% 65%)
- HWB
- hwb(8 50% 20%)
- OKLCH
- oklch(0.696 0.085 28.6)
- OKLab
- oklab(0.696 0.075 0.041)
- CIE Lab
- lab(64 25.85 16.58)
- LCH
- lch(64 30.71 32.7)
- CMYK
- cmyk(0% 33% 38% 20%)
Tints · Shades · Tones
Tints
- D3958B
- D8A098
- DEACA4
- E3B8B1
- E8C3BD
- EDCFCA
- F2DBD7
- F6E7E4
- FBF3F2
Shades
- B2766E
- 98645D
- 7E534C
- 66423C
- 4E312D
- 38221F
- 231411
- 0F0706
- 020101
Tones
- C6887F
- BE887F
- B68780
- AF8680
- A78580
- A08480
- 988380
- 908280
- 888180
Farbharmonien
Komplementär +180°
- CD897F
Whisky
- 55ACB9
≈ Verditer Blue
Analog -30° +30°
- CD897F
Whisky
- C9879C
≈ Puce
- C59067
≈ Butterum
Triadisch +120° +240°
- CD897F
Whisky
- 78AC80
≈ Summer Garden
- 879BD3
≈ Purple Gentian
Geteilt komplementär +150° +210°
- CD897F
Whisky
- 5CAF9E
≈ Green Crush
- 69A5CD
≈ Alaskan Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--whisky: #cd897f;
--whisky-rgb: 205 137 127;
--whisky-oklch: oklch(0.696 0.085 28.6);
}
.element {
color: var(--whisky);
background-color: hsl(8 44% 65%);
border-color: oklch(0.696 0.085 28.6);
}Tailwind CSS v4
@theme {
--color-whisky: #cd897f;
--color-whisky-50: #ffede7;
--color-whisky-100: #ffded7;
--color-whisky-200: #f7c7bf;
--color-whisky-300: #e0a89d;
--color-whisky-400: #cc8b82;
--color-whisky-500: #b87065;
--color-whisky-600: #9b5f56;
--color-whisky-700: #7d4c45;
--color-whisky-800: #5d3632;
--color-whisky-900: #412522;
--color-whisky-950: #291411;
}SCSS
$whisky: #cd897f;
$whisky-rgb: 205, 137, 127;
$whisky-light: mix(#fff, $whisky, 20%);
$whisky-dark: mix(#000, $whisky, 20%);
.element {
color: $whisky;
box-shadow: 0 0 0 2px rgba($whisky, 0.35);
}