Nächste benannte Farbe · #DDB2B8
#DDB2B8
Nächste benannte Farbe: Sakura
#DDB2B8 (rgb(221 178 184), hsl(352 39% 78%), oklch(0.804 0.05 8.9)) liegt am nächsten an der benannten Farbe Sakura. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#DDB2B8
oklch(0.804 0.05 8.9)
Farbumrechnungen
- HEX
- #ddb2b8
- RGB
- rgb(221 178 184)
- HSL
- hsl(352 39% 78%)
- HWB
- hwb(352 70% 13%)
- OKLCH
- oklch(0.804 0.05 8.9)
- OKLab
- oklab(0.804 0.05 0.008)
- CIE Lab
- lab(76.62 16.75 3.16)
- LCH
- lch(76.62 17.05 10.7)
- CMYK
- cmyk(0% 19% 17% 13%)
Tints · Shades · Tones
Tints
- E1BABF
- E4C1C6
- E8C9CD
- EBD0D4
- EFD8DB
- F2E0E2
- F5E8E9
- F9EFF0
- FCF7F8
Shades
- C09AA0
- A48388
- 886D71
- 6E575B
- 554345
- 3D2F31
- 261D1E
- 110C0C
- 020102
Tones
- D3ADB2
- CAA8AD
- C1A3A7
- B79EA1
- AE999C
- A59496
- 9B8F90
- 928A8B
- 898585
Farbharmonien
Komplementär +180°
- DDB2B8
Sakura
- 9ACAC5
≈ Jamaica Bay
Analog -30° +30°
- DDB2B8
Sakura
- D6B3CA
≈ Pink Ivory
- DDB4A7
≈ Prosciutto
Triadisch +120° +240°
- DDB2B8
Sakura
- B5C6A3
≈ Freshwater Green
- A6C2DF
≈ Metal Gear
Geteilt komplementär +150° +210°
- DDB2B8
Sakura
- A4C9B3
≈ Lobaria Lichen
- 9BC7D5
≈ Soothing Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.88:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.13:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--sakura: #ddb2b8;
--sakura-rgb: 221 178 184;
--sakura-oklch: oklch(0.804 0.05 8.9);
}
.element {
color: var(--sakura);
background-color: hsl(352 39% 78%);
border-color: oklch(0.804 0.05 8.9);
}Tailwind CSS v4
@theme {
--color-sakura: #ddb2b8;
--color-sakura-50: #fff0f1;
--color-sakura-100: #f8e1e4;
--color-sakura-200: #e9cccf;
--color-sakura-300: #d0adb1;
--color-sakura-400: #ba9398;
--color-sakura-500: #a4797f;
--color-sakura-600: #8b666c;
--color-sakura-700: #6f5256;
--color-sakura-800: #523b3f;
--color-sakura-900: #39292c;
--color-sakura-950: #231619;
}SCSS
$sakura: #ddb2b8;
$sakura-rgb: 221, 178, 184;
$sakura-light: mix(#fff, $sakura, 20%);
$sakura-dark: mix(#000, $sakura, 20%);
.element {
color: $sakura;
box-shadow: 0 0 0 2px rgba($sakura, 0.35);
}