Nächste benannte Farbe · #CD888B
#CD888B
Nächste benannte Farbe: Peaches of Immortality
#CD888B (rgb(205 136 139), hsl(357 41% 67%), oklch(0.697 0.085 16.6)) liegt am nächsten an der benannten Farbe Peaches of Immortality. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CD888B
oklch(0.697 0.085 16.6)
Farbumrechnungen
- HEX
- #cd888b
- RGB
- rgb(205 136 139)
- HSL
- hsl(357 41% 67%)
- HWB
- hwb(357 53% 20%)
- OKLCH
- oklch(0.697 0.085 16.6)
- OKLab
- oklab(0.697 0.081 0.024)
- CIE Lab
- lab(64 27.45 9.83)
- LCH
- lch(64 29.16 19.7)
- CMYK
- cmyk(0% 34% 32% 20%)
Tints · Shades · Tones
Tints
- D39496
- D89FA1
- DEABAD
- E3B7B8
- E8C3C4
- EDCFCF
- F2DBDB
- F6E7E7
- FBF3F3
Shades
- B27578
- 986366
- 7E5254
- 664143
- 4E3132
- 382223
- 231314
- 0F0607
- 020101
Tones
- C6878A
- BE8789
- B68688
- AF8687
- A78586
- A08484
- 988383
- 908282
- 888181
Farbharmonien
Komplementär +180°
- CD888B
Peaches of Immortality
- 56AEAF
≈ Blue Turquoise
Analog -30° +30°
- CD888B
Peaches of Immortality
- C588A8
≈ Rosy
- CA8D70
≈ Baker’s Dream
Triadisch +120° +240°
- CD888B
Peaches of Immortality
- 85AA75
≈ Lush Fields
- 7BA0D2
≈ Boudoir Blue
Geteilt komplementär +150° +210°
- CD888B
Peaches of Immortality
- 66AF92
≈ Dublin Jack
- 60A9C6
≈ Frozen Wave
Tetradisch +90° +180° +270°
- CD888B
Peaches of Immortality
- A4A162
≈ Gothic Revival Green
- 56AEAF
≈ Blue Turquoise
- 9996D0
≈ Bluebell Frost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--peaches-of-immortality: #cd888b;
--peaches-of-immortality-rgb: 205 136 139;
--peaches-of-immortality-oklch: oklch(0.697 0.085 16.6);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(357 41% 67%);
border-color: oklch(0.697 0.085 16.6);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #cd888b;
--color-peaches-of-immortality-50: #ffecec;
--color-peaches-of-immortality-100: #ffdddd;
--color-peaches-of-immortality-200: #f7c6c6;
--color-peaches-of-immortality-300: #e0a6a7;
--color-peaches-of-immortality-400: #cc8a8d;
--color-peaches-of-immortality-500: #b86e72;
--color-peaches-of-immortality-600: #9b5e61;
--color-peaches-of-immortality-700: #7c4b4d;
--color-peaches-of-immortality-800: #5c3639;
--color-peaches-of-immortality-900: #412527;
--color-peaches-of-immortality-950: #291315;
}SCSS
$peaches-of-immortality: #cd888b;
$peaches-of-immortality-rgb: 205, 136, 139;
$peaches-of-immortality-light: mix(#fff, $peaches-of-immortality, 20%);
$peaches-of-immortality-dark: mix(#000, $peaches-of-immortality, 20%);
.element {
color: $peaches-of-immortality;
box-shadow: 0 0 0 2px rgba($peaches-of-immortality, 0.35);
}