Najbliższy nazwany kolor · #D49A9D
#D49A9D
Najbliższy nazwany kolor: Rosetti
#D49A9D (rgb(212 154 157), hsl(357 40% 72%), oklch(0.742 0.07 15.4)) jest najbliższy nazwanemu kolorowi Rosetti. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D49A9D
oklch(0.742 0.07 15.4)
Konwersje koloru
- HEX
- #d49a9d
- RGB
- rgb(212 154 157)
- HSL
- hsl(357 40% 72%)
- HWB
- hwb(357 60% 17%)
- OKLCH
- oklch(0.742 0.07 15.4)
- OKLab
- oklab(0.742 0.067 0.019)
- CIE Lab
- lab(69.37 22.65 7.47)
- LCH
- lch(69.37 23.85 18.2)
- CMYK
- cmyk(0% 27% 26% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9A4A6
- DDAEB0
- E2B8BA
- E6C2C3
- EBCCCD
- EFD6D7
- F3E0E1
- F7EAEB
- FBF5F5
Odcienie ciemniejsze
- B88588
- 9D7173
- 835E5F
- 694B4C
- 51393A
- 3A2728
- 241718
- 100909
- 020101
Tony
- CC989A
- C39597
- BB9294
- B29091
- AA8D8E
- A28B8C
- 998889
- 918586
- 888383
Harmonie kolorów
Komplementarna +180°
- D49A9D
Rosetti
- 75BAB9
≈ Surfer
Analogowa -30° +30°
- D49A9D
Rosetti
- CD9AB5
≈ Morning Glory Pink
- D29E87
≈ Dusty Coral
Triada +120° +240°
- D49A9D
Rosetti
- 98B68A
≈ Mistletoe Kiss
- 8EAED8
≈ Boy Blue
Komplementarna rozszczepiona +150° +210°
- D49A9D
Rosetti
- 81BAA1
≈ Froggy Pond
- 7BB5CD
≈ Alpine Sky
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.35:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.90:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--rosetti: #d49a9d;
--rosetti-rgb: 212 154 157;
--rosetti-oklch: oklch(0.742 0.07 15.4);
}
.element {
color: var(--rosetti);
background-color: hsl(357 40% 72%);
border-color: oklch(0.742 0.07 15.4);
}Tailwind CSS v4
@theme {
--color-rosetti: #d49a9d;
--color-rosetti-50: #ffeeee;
--color-rosetti-100: #ffdfdf;
--color-rosetti-200: #f1c9c9;
--color-rosetti-300: #d9aaaa;
--color-rosetti-400: #c48e91;
--color-rosetti-500: #b07377;
--color-rosetti-600: #946265;
--color-rosetti-700: #774e50;
--color-rosetti-800: #58383b;
--color-rosetti-900: #3d2729;
--color-rosetti-950: #271516;
}SCSS
$rosetti: #d49a9d;
$rosetti-rgb: 212, 154, 157;
$rosetti-light: mix(#fff, $rosetti, 20%);
$rosetti-dark: mix(#000, $rosetti, 20%);
.element {
color: $rosetti;
box-shadow: 0 0 0 2px rgba($rosetti, 0.35);
}