Nazwany kolor · #EBB5B3
Naked Rose
Naked Rose to #EBB5B3: rgb(235 181 179), hsl(2 58% 81%), oklch(0.821 0.063 21). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Naked Rose color name →
#EBB5B3
oklch(0.821 0.063 21)
Konwersje koloru
- HEX
- #ebb5b3
- RGB
- rgb(235 181 179)
- HSL
- hsl(2 58% 81%)
- HWB
- hwb(2 70% 8%)
- OKLCH
- oklch(0.821 0.063 21)
- OKLab
- oklab(0.821 0.059 0.023)
- CIE Lab
- lab(78.66 19.96 8.98)
- LCH
- lch(78.66 21.89 24.2)
- CMYK
- cmyk(0% 23% 24% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDBCBA
- F0C4C2
- F2CBC9
- F4D2D1
- F6DAD8
- F8E1E0
- FAE9E8
- FCF0EF
- FDF8F7
Odcienie ciemniejsze
- CC9D9B
- AE8684
- 916F6E
- 755958
- 5B4443
- 41302F
- 291D1D
- 130C0C
- 030201
Tony
- E0B0AE
- D5AAA9
- CAA5A3
- C0A09E
- B59A99
- AA9594
- A0908F
- 958B8A
- 8A8585
Harmonie kolorów
Komplementarna +180°
- EBB5B3
Naked Rose
- 94D1D5
≈ Aroma Blue
Analogowa -30° +30°
- EBB5B3
Naked Rose
- E6B4CA
≈ Muddy Mauve
- E7BAA0
≈ Seasonal Beige
Triada +120° +240°
- EBB5B3
Naked Rose
- AFCFA9
≈ Garden Room
- AEC6EE
≈ Promise Keeping
Komplementarna rozszczepiona +150° +210°
- EBB5B3
Naked Rose
- 9BD2BF
≈ Wintermint
- 9BCDE6
≈ Spring Tide
Tetrada +90° +180° +270°
- EBB5B3
Naked Rose
- C6C99A
≈ Paris Mint
- 94D1D5
≈ Aroma Blue
- C4BEEB
≈ Violet Gems
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.79:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--naked-rose: #ebb5b3;
--naked-rose-rgb: 235 181 179;
--naked-rose-oklch: oklch(0.821 0.063 21);
}
.element {
color: var(--naked-rose);
background-color: hsl(2 58% 81%);
border-color: oklch(0.821 0.063 21);
}Tailwind CSS v4
@theme {
--color-naked-rose: #ebb5b3;
--color-naked-rose-50: #ffefed;
--color-naked-rose-100: #fde0de;
--color-naked-rose-200: #eecac8;
--color-naked-rose-300: #d6aba8;
--color-naked-rose-400: #c1908e;
--color-naked-rose-500: #ac7674;
--color-naked-rose-600: #926462;
--color-naked-rose-700: #75504f;
--color-naked-rose-800: #563a3a;
--color-naked-rose-900: #3c2727;
--color-naked-rose-950: #261516;
}SCSS
$naked-rose: #ebb5b3;
$naked-rose-rgb: 235, 181, 179;
$naked-rose-light: mix(#fff, $naked-rose, 20%);
$naked-rose-dark: mix(#000, $naked-rose, 20%);
.element {
color: $naked-rose;
box-shadow: 0 0 0 2px rgba($naked-rose, 0.35);
}