Benannte Farbe · #D89696
Blooming Perfect
Blooming Perfect ist #D89696: rgb(216 150 150), hsl(0 46% 72%), oklch(0.738 0.08 19.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Blooming Perfect color name →
#D89696
oklch(0.738 0.08 19.2)
Farbumrechnungen
- HEX
- #d89696
- RGB
- rgb(216 150 150)
- HSL
- hsl(0 46% 72%)
- HWB
- hwb(0 59% 15%)
- OKLCH
- oklch(0.738 0.08 19.2)
- OKLab
- oklab(0.738 0.075 0.026)
- CIE Lab
- lab(68.74 25.55 10.55)
- LCH
- lch(68.74 27.64 22.4)
- CMYK
- cmyk(0% 31% 31% 15%)
Tints · Shades · Tones
Tints
- DDA0A0
- E1ABAA
- E5B5B5
- E9C0BF
- EDCAC9
- F1D5D4
- F5DFDF
- F8EAE9
- FCF4F4
Shades
- BC8282
- A06E6E
- 855B5B
- 6B4949
- 533737
- 3B2626
- 251616
- 110808
- 020101
Tones
- CF9494
- C79292
- BE908F
- B58E8D
- AC8C8B
- A48989
- 9B8787
- 928584
- 898282
Farbharmonien
Komplementär +180°
- D89696
Blooming Perfect
- 68BABD
≈ Fresh Soft Blue
Analog -30° +30°
- D89696
Blooming Perfect
- D196B2
≈ Exotic Lilac
- D49B7D
≈ Italian Clay
Triadisch +120° +240°
- D89696
Blooming Perfect
- 90B786
≈ Aniseed Leaf Green
- 8CACDD
≈ Birdie Num Num
Geteilt komplementär +150° +210°
- D89696
Blooming Perfect
- 75BBA2
≈ Arboretum
- 73B4D3
≈ Madonna Blue
Tetradisch +90° +180° +270°
- D89696
Blooming Perfect
- AEAF73
≈ Timothy Grass
- 68BABD
≈ Fresh Soft Blue
- A8A2DA
≈ Simply Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.40:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.72:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--blooming-perfect: #d89696;
--blooming-perfect-rgb: 216 150 150;
--blooming-perfect-oklch: oklch(0.738 0.08 19.2);
}
.element {
color: var(--blooming-perfect);
background-color: hsl(0 46% 72%);
border-color: oklch(0.738 0.08 19.2);
}Tailwind CSS v4
@theme {
--color-blooming-perfect: #d89696;
--color-blooming-perfect-50: #ffedeb;
--color-blooming-perfect-100: #ffdedc;
--color-blooming-perfect-200: #f5c7c5;
--color-blooming-perfect-300: #dea8a6;
--color-blooming-perfect-400: #c98c8c;
--color-blooming-perfect-500: #b57071;
--color-blooming-perfect-600: #995f60;
--color-blooming-perfect-700: #7b4c4c;
--color-blooming-perfect-800: #5b3738;
--color-blooming-perfect-900: #402526;
--color-blooming-perfect-950: #281415;
}SCSS
$blooming-perfect: #d89696;
$blooming-perfect-rgb: 216, 150, 150;
$blooming-perfect-light: mix(#fff, $blooming-perfect, 20%);
$blooming-perfect-dark: mix(#000, $blooming-perfect, 20%);
.element {
color: $blooming-perfect;
box-shadow: 0 0 0 2px rgba($blooming-perfect, 0.35);
}