Najbliższy nazwany kolor · #FEA6A2
#FEA6A2
Najbliższy nazwany kolor: Her Majesty
#FEA6A2 (rgb(254 166 162), hsl(3 98% 82%), oklch(0.811 0.105 22.5)) jest najbliższy nazwanemu kolorowi Her Majesty. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FEA6A2
oklch(0.811 0.105 22.5)
Konwersje koloru
- HEX
- #fea6a2
- RGB
- rgb(254 166 162)
- HSL
- hsl(3 98% 82%)
- HWB
- hwb(3 64% 0%)
- OKLCH
- oklch(0.811 0.105 22.5)
- OKLab
- oklab(0.811 0.097 0.04)
- CIE Lab
- lab(77.03 33.05 16.26)
- LCH
- lch(77.03 36.83 26.2)
- CMYK
- cmyk(0% 35% 36% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFAFAB
- FFB8B4
- FFC1BD
- FFCAC7
- FFD3D0
- FFDCD9
- FFE5E3
- FFEDEC
- FFF6F5
Odcienie ciemniejsze
- DD908C
- BD7A77
- 9E6563
- 80514F
- 633E3C
- 472B2A
- 2D1A19
- 160A0A
- 030101
Tony
- F1A29F
- E59F9B
- D89B98
- CB9795
- BF9491
- B2908E
- A68C8A
- 998887
- 8D8483
Harmonie kolorów
Komplementarna +180°
- FEA6A2
Her Majesty
- 62D5DF
≈ Aquamarine Blue
Analogowa -30° +30°
- FEA6A2
Her Majesty
- F6A5C8
≈ Rogue Pink
- F7AE81
≈ Orange Chiffon
Triada +120° +240°
- FEA6A2
Her Majesty
- 99D394
≈ Young Greens
- A0C2FF
≈ Pastel Blue
Komplementarna rozszczepiona +150° +210°
- FEA6A2
Her Majesty
- 72D7BA
≈ Peppy
- 76CDFA
≈ Bubbly Barracuda
Tetrada +90° +180° +270°
- FEA6A2
Her Majesty
- C2C877
≈ Greenish Tan
- 62D5DF
≈ Aquamarine Blue
- C3B5FF
≈ Greyish Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.19:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--her-majesty: #fea6a2;
--her-majesty-rgb: 254 166 162;
--her-majesty-oklch: oklch(0.811 0.105 22.5);
}
.element {
color: var(--her-majesty);
background-color: hsl(3 98% 82%);
border-color: oklch(0.811 0.105 22.5);
}Tailwind CSS v4
@theme {
--color-her-majesty: #fea6a2;
--color-her-majesty-50: #ffeae6;
--color-her-majesty-100: #ffdbd7;
--color-her-majesty-200: #fec4be;
--color-her-majesty-300: #e8a39d;
--color-her-majesty-400: #d58582;
--color-her-majesty-500: #c26866;
--color-her-majesty-600: #a45856;
--color-her-majesty-700: #844645;
--color-her-majesty-800: #623233;
--color-her-majesty-900: #452222;
--color-her-majesty-950: #2c1112;
}SCSS
$her-majesty: #fea6a2;
$her-majesty-rgb: 254, 166, 162;
$her-majesty-light: mix(#fff, $her-majesty, 20%);
$her-majesty-dark: mix(#000, $her-majesty, 20%);
.element {
color: $her-majesty;
box-shadow: 0 0 0 2px rgba($her-majesty, 0.35);
}