Nazwany kolor · #CC8888
Almond Rose
Almond Rose to #CC8888: rgb(204 136 136), hsl(0 40% 67%), oklch(0.696 0.084 19.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Almond Rose color name →
#CC8888
oklch(0.696 0.084 19.4)
Konwersje koloru
- HEX
- #cc8888
- RGB
- rgb(204 136 136)
- HSL
- hsl(0 40% 67%)
- HWB
- hwb(0 53% 20%)
- OKLCH
- oklch(0.696 0.084 19.4)
- OKLab
- oklab(0.696 0.079 0.028)
- CIE Lab
- lab(63.82 26.78 11.25)
- LCH
- lch(63.82 29.05 22.8)
- CMYK
- cmyk(0% 33% 33% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D29493
- D79F9F
- DDABAA
- E2B7B6
- E7C3C2
- ECCFCE
- F1DBDA
- F6E7E6
- FBF3F3
Odcienie ciemniejsze
- B17575
- 976363
- 7E5252
- 654141
- 4E3131
- 372222
- 221313
- 0F0606
- 020101
Tony
- C58787
- BD8786
- B68686
- AE8585
- A78584
- 9F8483
- 988383
- 908282
- 888181
Harmonie kolorów
Komplementarna +180°
- CC8888
Almond Rose
- 56ADB1
≈ Blue Turquoise
Analogowa -30° +30°
- CC8888
Almond Rose
- C588A5
≈ Rosy
- C88E6E
≈ Baker’s Dream
Triada +120° +240°
- CC8888
Almond Rose
- 82AA78
≈ Lush Fields
- 7E9ED1
≈ Caribbean Sky
Komplementarna rozszczepiona +150° +210°
- CC8888
Almond Rose
- 64AE94
≈ Dublin Jack
- 62A7C7
≈ Scott Base
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.82:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.44:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--almond-rose: #cc8888;
--almond-rose-rgb: 204 136 136;
--almond-rose-oklch: oklch(0.696 0.084 19.4);
}
.element {
color: var(--almond-rose);
background-color: hsl(0 40% 67%);
border-color: oklch(0.696 0.084 19.4);
}Tailwind CSS v4
@theme {
--color-almond-rose: #cc8888;
--color-almond-rose-50: #ffeceb;
--color-almond-rose-100: #ffdedc;
--color-almond-rose-200: #f6c7c5;
--color-almond-rose-300: #dfa7a5;
--color-almond-rose-400: #cb8b8a;
--color-almond-rose-500: #b76f70;
--color-almond-rose-600: #9b5e5f;
--color-almond-rose-700: #7c4b4b;
--color-almond-rose-800: #5c3638;
--color-almond-rose-900: #402526;
--color-almond-rose-950: #291314;
}SCSS
$almond-rose: #cc8888;
$almond-rose-rgb: 204, 136, 136;
$almond-rose-light: mix(#fff, $almond-rose, 20%);
$almond-rose-dark: mix(#000, $almond-rose, 20%);
.element {
color: $almond-rose;
box-shadow: 0 0 0 2px rgba($almond-rose, 0.35);
}