Najbliższy nazwany kolor · #A05758
#A05758
Najbliższy nazwany kolor: Cheek Red
#A05758 (rgb(160 87 88), hsl(359 30% 48%), oklch(0.543 0.096 19.9)) jest najbliższy nazwanemu kolorowi Cheek Red. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A05758
oklch(0.543 0.096 19.9)
Konwersje koloru
- HEX
- #a05758
- RGB
- rgb(160 87 88)
- HSL
- hsl(359 30% 48%)
- HWB
- hwb(359 34% 37%)
- OKLCH
- oklch(0.543 0.096 19.9)
- OKLab
- oklab(0.543 0.091 0.033)
- CIE Lab
- lab(45.97 30.8 13.52)
- LCH
- lch(45.97 33.64 23.7)
- CMYK
- cmyk(0% 46% 45% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA6767
- B57877
- BF8887
- C89897
- D2A9A8
- DBBAB9
- E5CBCA
- EEDCDB
- F6EDED
Odcienie ciemniejsze
- 8B4B4B
- 763E3F
- 613333
- 4E2728
- 3B1C1D
- 291212
- 190809
- 090303
- 010000
Tony
- 9E5C5C
- 9B6060
- 986464
- 956968
- 926D6C
- 8F7170
- 8C7574
- 887878
- 847C7C
Harmonie kolorów
Komplementarna +180°
- A05758
Cheek Red
- 007F84
≈ Go Alpha
Analogowa -30° +30°
- A05758
Cheek Red
- 995777
≈ Pink Tulip
- 9C5D39
≈ Chestnut Stallion
Triada +120° +240°
- A05758
Cheek Red
- 507D46
≈ Autumn Fern
- 4D70A7
≈ Plunder
Komplementarna rozszczepiona +150° +210°
- A05758
Cheek Red
- 228167
≈ Accent Green Blue
- 21799D
≈ Mitchell Blue
Tetrada +90° +180° +270°
- A05758
Cheek Red
- 73742A
≈ Olive Drab
- 007F84
≈ Go Alpha
- 6F65A4
≈ Scampi
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.25:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.99:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--cheek-red: #a05758;
--cheek-red-rgb: 160 87 88;
--cheek-red-oklch: oklch(0.543 0.096 19.9);
}
.element {
color: var(--cheek-red);
background-color: hsl(359 30% 48%);
border-color: oklch(0.543 0.096 19.9);
}Tailwind CSS v4
@theme {
--color-cheek-red: #a05758;
--color-cheek-red-50: #ffebe9;
--color-cheek-red-100: #ffdcda;
--color-cheek-red-200: #fbc5c2;
--color-cheek-red-300: #e5a4a1;
--color-cheek-red-400: #d18787;
--color-cheek-red-500: #be6b6c;
--color-cheek-red-600: #a05b5b;
--color-cheek-red-700: #814849;
--color-cheek-red-800: #5f3436;
--color-cheek-red-900: #432325;
--color-cheek-red-950: #2b1213;
}SCSS
$cheek-red: #a05758;
$cheek-red-rgb: 160, 87, 88;
$cheek-red-light: mix(#fff, $cheek-red, 20%);
$cheek-red-dark: mix(#000, $cheek-red, 20%);
.element {
color: $cheek-red;
box-shadow: 0 0 0 2px rgba($cheek-red, 0.35);
}