Benannte Farbe · #EACACB
Petite Pink
Petite Pink ist #EACACB: rgb(234 202 203), hsl(358 43% 85%), oklch(0.866 0.036 15.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Petite Pink color name →
#EACACB
oklch(0.866 0.036 15.7)
Farbumrechnungen
- HEX
- #eacacb
- RGB
- rgb(234 202 203)
- HSL
- hsl(358 43% 85%)
- HWB
- hwb(358 79% 8%)
- OKLCH
- oklch(0.866 0.036 15.7)
- OKLab
- oklab(0.866 0.035 0.01)
- CIE Lab
- lab(84.1 11.74 3.89)
- LCH
- lch(84.1 12.37 18.3)
- CMYK
- cmyk(0% 14% 13% 8%)
Tints · Shades · Tones
Tints
- ECCFD0
- EED4D5
- F1DADA
- F3DFE0
- F5E4E5
- F7EAEA
- F9EFEF
- FBF4F4
- FDFAFA
Shades
- CBAFB0
- AE9596
- 917C7D
- 756465
- 5A4D4D
- 413737
- 292222
- 130F0F
- 030202
Tones
- DFC2C3
- D4BBBC
- C9B3B4
- BEACAC
- B4A4A5
- A99D9D
- 9F9696
- 948E8E
- 8A8787
Farbharmonien
Komplementär +180°
- EACACB
Petite Pink
- B9DBDB
≈ Blue Glass
Analog -30° +30°
- EACACB
Petite Pink
- E6CAD8
≈ Wisteria Whisper
- E8CCC0
≈ Quaint Peche
Triadisch +120° +240°
- EACACB
Petite Pink
- C9D9C1
≈ Turtle Chalk
- C4D5EB
≈ Light Radar
Geteilt komplementär +150° +210°
- EACACB
Petite Pink
- BEDBCD
≈ Mirador
- BBD9E5
≈ Breezy Blue
Tetradisch +90° +180° +270°
- EACACB
Petite Pink
- D6D5BA
≈ Pale Cucumber
- B9DBDB
≈ Blue Glass
- D0D0EA
≈ Artistic Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.80:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--petite-pink: #eacacb;
--petite-pink-rgb: 234 202 203;
--petite-pink-oklch: oklch(0.866 0.036 15.7);
}
.element {
color: var(--petite-pink);
background-color: hsl(358 43% 85%);
border-color: oklch(0.866 0.036 15.7);
}Tailwind CSS v4
@theme {
--color-petite-pink: #eacacb;
--color-petite-pink-50: #fff1f1;
--color-petite-pink-100: #f4e3e3;
--color-petite-pink-200: #e3cece;
--color-petite-pink-300: #c9b0b0;
--color-petite-pink-400: #b39697;
--color-petite-pink-500: #9d7d7e;
--color-petite-pink-600: #856a6b;
--color-petite-pink-700: #6a5455;
--color-petite-pink-800: #4e3d3f;
--color-petite-pink-900: #362a2b;
--color-petite-pink-950: #211818;
}SCSS
$petite-pink: #eacacb;
$petite-pink-rgb: 234, 202, 203;
$petite-pink-light: mix(#fff, $petite-pink, 20%);
$petite-pink-dark: mix(#000, $petite-pink, 20%);
.element {
color: $petite-pink;
box-shadow: 0 0 0 2px rgba($petite-pink, 0.35);
}