Nazwany kolor · #DD8888
Finest Blush
Finest Blush to #DD8888: rgb(221 136 136), hsl(0 56% 70%), oklch(0.716 0.105 20). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Finest Blush color name →
#DD8888
oklch(0.716 0.105 20)
Konwersje koloru
- HEX
- #dd8888
- RGB
- rgb(221 136 136)
- HSL
- hsl(0 56% 70%)
- HWB
- hwb(0 53% 13%)
- OKLCH
- oklch(0.716 0.105 20)
- OKLab
- oklab(0.716 0.098 0.036)
- CIE Lab
- lab(65.93 33.35 14.55)
- LCH
- lch(65.93 36.39 23.6)
- CMYK
- cmyk(0% 38% 38% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E19493
- E6A09F
- EAACAB
- EDB7B6
- F1C3C2
- F4CFCE
- F7DBDA
- FAE7E6
- FDF3F3
Odcienie ciemniejsze
- C07575
- A46363
- 885252
- 6E4141
- 553131
- 3D2222
- 261313
- 110606
- 020101
Tony
- D48887
- CB8787
- C28786
- B98685
- AF8584
- A68483
- 9D8383
- 938282
- 8A8181
Harmonie kolorów
Komplementarna +180°
- DD8888
Finest Blush
- 3EB7BD
≈ Montego Bay
Analogowa -30° +30°
- DD8888
Finest Blush
- D588AC
≈ Berry Twist
- D88F66
≈ Copper Pipe
Triada +120° +240°
- DD8888
Finest Blush
- 80B374
≈ Joshua Tree
- 7CA4E5
≈ Greek Sea
Komplementarna rozszczepiona +150° +210°
- DD8888
Finest Blush
- 56B899
≈ Keppel
- 55AFD8
≈ Epimetheus
Tetrada +90° +180° +270°
- DD8888
Finest Blush
- A7A958
≈ Spinach Banana Smoothie
- 3EB7BD
≈ Montego Bay
- A298E0
≈ Dull Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.64:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.95:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.95:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--finest-blush: #dd8888;
--finest-blush-rgb: 221 136 136;
--finest-blush-oklch: oklch(0.716 0.105 20);
}
.element {
color: var(--finest-blush);
background-color: hsl(0 56% 70%);
border-color: oklch(0.716 0.105 20);
}Tailwind CSS v4
@theme {
--color-finest-blush: #dd8888;
--color-finest-blush-50: #ffeae8;
--color-finest-blush-100: #ffdbd8;
--color-finest-blush-200: #fec3c0;
--color-finest-blush-300: #e8a29f;
--color-finest-blush-400: #d58585;
--color-finest-blush-500: #c26869;
--color-finest-blush-600: #a45859;
--color-finest-blush-700: #834647;
--color-finest-blush-800: #623235;
--color-finest-blush-900: #442224;
--color-finest-blush-950: #2c1113;
}SCSS
$finest-blush: #dd8888;
$finest-blush-rgb: 221, 136, 136;
$finest-blush-light: mix(#fff, $finest-blush, 20%);
$finest-blush-dark: mix(#000, $finest-blush, 20%);
.element {
color: $finest-blush;
box-shadow: 0 0 0 2px rgba($finest-blush, 0.35);
}