Najbliższy nazwany kolor · #AF444E
#AF444E
Najbliższy nazwany kolor: Romantic Embers
#AF444E (rgb(175 68 78), hsl(354 44% 48%), oklch(0.534 0.14 17.6)) jest najbliższy nazwanemu kolorowi Romantic Embers. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AF444E
oklch(0.534 0.14 17.6)
Konwersje koloru
- HEX
- #af444e
- RGB
- rgb(175 68 78)
- HSL
- hsl(354 44% 48%)
- HWB
- hwb(354 27% 31%)
- OKLCH
- oklch(0.534 0.14 17.6)
- OKLab
- oklab(0.534 0.133 0.042)
- CIE Lab
- lab(44.44 45.06 18.04)
- LCH
- lch(44.44 48.53 21.8)
- CMYK
- cmyk(0% 61% 55% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9585E
- C26B6F
- CC7D80
- D48F91
- DCA2A3
- E4B4B5
- ECC7C7
- F2D9D9
- F9ECEC
Odcienie ciemniejsze
- 983A43
- 813038
- 6B262D
- 561D23
- 411419
- 2E0C0F
- 1C0507
- 0B0202
- 010000
Tony
- AC4C53
- A85358
- A4595D
- A06062
- 9B6667
- 976B6C
- 927171
- 8C7676
- 867B7B
Harmonie kolorów
Komplementarna +180°
- AF444E
Romantic Embers
- 007D80
≈ Macquarie
Analogowa -30° +30°
- AF444E
Romantic Embers
- A5467C
≈ Pink Ballad
- AB4E0F
≈ Cinnamon Bun
Triada +120° +240°
- AF444E
Romantic Embers
- 407F24
≈ Bilbao
- 336CBC
≈ Matt Blue
Komplementarna rozszczepiona +150° +210°
- AF444E
Romantic Embers
- 008060
≈ Spanish Viridian
- 00789C
≈ Sea Sight
Tetrada +90° +180° +270°
- AF444E
Romantic Embers
- 747100
≈ Bronze Yellow
- 007D80
≈ Macquarie
- 6A5CB8
≈ Blue Marguerite
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.58:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.75:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--romantic-embers: #af444e;
--romantic-embers-rgb: 175 68 78;
--romantic-embers-oklch: oklch(0.534 0.14 17.6);
}
.element {
color: var(--romantic-embers);
background-color: hsl(354 44% 48%);
border-color: oklch(0.534 0.14 17.6);
}Tailwind CSS v4
@theme {
--color-romantic-embers: #af444e;
--color-romantic-embers-50: #ffe6e5;
--color-romantic-embers-100: #ffd6d5;
--color-romantic-embers-200: #ffbdbc;
--color-romantic-embers-300: #f79a9a;
--color-romantic-embers-400: #e57a7f;
--color-romantic-embers-500: #d25963;
--color-romantic-embers-600: #b24c54;
--color-romantic-embers-700: #8f3c43;
--color-romantic-embers-800: #6a2b32;
--color-romantic-embers-900: #4b1d22;
--color-romantic-embers-950: #310c11;
}SCSS
$romantic-embers: #af444e;
$romantic-embers-rgb: 175, 68, 78;
$romantic-embers-light: mix(#fff, $romantic-embers, 20%);
$romantic-embers-dark: mix(#000, $romantic-embers, 20%);
.element {
color: $romantic-embers;
box-shadow: 0 0 0 2px rgba($romantic-embers, 0.35);
}