Najbliższy nazwany kolor · #FD6C5E
#FD6C5E
Najbliższy nazwany kolor: Pastel Red
#FD6C5E (rgb(253 108 94), hsl(5 98% 68%), oklch(0.708 0.18 28)) jest najbliższy nazwanemu kolorowi Pastel Red. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FD6C5E
oklch(0.708 0.18 28)
Konwersje koloru
- HEX
- #fd6c5e
- RGB
- rgb(253 108 94)
- HSL
- hsl(5 98% 68%)
- HWB
- hwb(5 37% 1%)
- OKLCH
- oklch(0.708 0.18 28)
- OKLab
- oklab(0.708 0.159 0.085)
- CIE Lab
- lab(64.39 55.74 37)
- LCH
- lch(64.39 66.91 33.6)
- CMYK
- cmyk(0% 57% 63% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF7D6E
- FF8D7E
- FF9C8E
- FFAA9E
- FFB9AE
- FFC7BE
- FFD5CE
- FFE3DE
- FFF1EF
Odcienie ciemniejsze
- DC5D51
- BC4E44
- 9D4037
- 7F322B
- 62251F
- 471914
- 2D0D0A
- 160403
- 030000
Tony
- F17062
- E57367
- D9766A
- CD796E
- C17B71
- B57C75
- A87E78
- 9B7F7B
- 8E807D
Harmonie kolorów
Komplementarna +180°
- FD6C5E
Pastel Red
- 00B5C8
≈ Lago Blue
Analogowa -30° +30°
- FD6C5E
Pastel Red
- F569A0
≈ Shark Bait
- EC8100
≈ Rè Dài Chéng Orange
Triada +120° +240°
- FD6C5E
Pastel Red
- 39BE5B
≈ Vegan Mastermind
- 789BFF
≈ Periwinkle Blue
Komplementarna rozszczepiona +150° +210°
- FD6C5E
Pastel Red
- 00BBA1
≈ Aare River
- 00ACF6
≈ Democrat
Tetrada +90° +180° +270°
- FD6C5E
Pastel Red
- 98AD00
≈ Elysia Chlorotica
- 00B5C8
≈ Lago Blue
- B084FF
≈ Lilac Geode
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-red: #fd6c5e;
--pastel-red-rgb: 253 108 94;
--pastel-red-oklch: oklch(0.708 0.18 28);
}
.element {
color: var(--pastel-red);
background-color: hsl(5 98% 68%);
border-color: oklch(0.708 0.18 28);
}Tailwind CSS v4
@theme {
--color-pastel-red: #fd6c5e;
--color-pastel-red-50: #ffe3d7;
--color-pastel-red-100: #ffd2c4;
--color-pastel-red-200: #ffb7a6;
--color-pastel-red-300: #ff917f;
--color-pastel-red-400: #f66d60;
--color-pastel-red-500: #e5453b;
--color-pastel-red-600: #c13c33;
--color-pastel-red-700: #9b3028;
--color-pastel-red-800: #74211f;
--color-pastel-red-900: #521614;
--color-pastel-red-950: #360606;
}SCSS
$pastel-red: #fd6c5e;
$pastel-red-rgb: 253, 108, 94;
$pastel-red-light: mix(#fff, $pastel-red, 20%);
$pastel-red-dark: mix(#000, $pastel-red, 20%);
.element {
color: $pastel-red;
box-shadow: 0 0 0 2px rgba($pastel-red, 0.35);
}