Nächste benannte Farbe · #FB9064
#FB9064
Nächste benannte Farbe: Tiger of Mysore
#FB9064 (rgb(251 144 100), hsl(17 95% 69%), oklch(0.759 0.142 42.6)) liegt am nächsten an der benannten Farbe Tiger of Mysore. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FB9064
oklch(0.759 0.142 42.6)
Farbumrechnungen
- HEX
- #fb9064
- RGB
- rgb(251 144 100)
- HSL
- hsl(17 95% 69%)
- HWB
- hwb(17 39% 2%)
- OKLCH
- oklch(0.759 0.142 42.6)
- OKLab
- oklab(0.759 0.105 0.096)
- CIE Lab
- lab(71.03 38.6 41.61)
- LCH
- lch(71.03 56.76 47.1)
- CMYK
- cmyk(0% 43% 60% 2%)
Tints · Shades · Tones
Tints
- FD9C74
- FEA784
- FFB394
- FFBEA3
- FFC9B3
- FFD4C2
- FFDFD1
- FFE9E0
- FFF4F0
Shades
- DA7D56
- BA6A48
- 9C573B
- 7E452E
- 613422
- 462416
- 2D150B
- 150703
- 030100
Tones
- EF8F68
- E38E6C
- D78D6F
- CB8C72
- BE8A75
- B28878
- A6867A
- 99847C
- 8D827E
Farbharmonien
Komplementär +180°
- FB9064
Tiger of Mysore
- 00C3F1
≈ Blue Raspberry
Analog -30° +30°
- FB9064
Tiger of Mysore
- FD8897
≈ Strawberry Soap
- E7A137
≈ Gilded Leaves
Triadisch +120° +240°
- FB9064
Tiger of Mysore
- 43CC96
≈ Dark Shamrock
- A5A6FF
≈ Shy Moment
Geteilt komplementär +150° +210°
- FB9064
Tiger of Mysore
- 00CAC7
≈ Tilla Kari Mosque
- 73B5FF
≈ French Sky Blue
Tetradisch +90° +180° +270°
- FB9064
Tiger of Mysore
- 8DC460
≈ Cabbage Patch
- 00C3F1
≈ Blue Raspberry
- D095F1
≈ Dream Vapour
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.27:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--tiger-of-mysore: #fb9064;
--tiger-of-mysore-rgb: 251 144 100;
--tiger-of-mysore-oklch: oklch(0.759 0.142 42.6);
}
.element {
color: var(--tiger-of-mysore);
background-color: hsl(17 95% 69%);
border-color: oklch(0.759 0.142 42.6);
}Tailwind CSS v4
@theme {
--color-tiger-of-mysore: #fb9064;
--color-tiger-of-mysore-50: #ffe9d4;
--color-tiger-of-mysore-100: #ffdac1;
--color-tiger-of-mysore-200: #ffc1a2;
--color-tiger-of-mysore-300: #f49f7a;
--color-tiger-of-mysore-400: #e38057;
--color-tiger-of-mysore-500: #d1602d;
--color-tiger-of-mysore-600: #b05228;
--color-tiger-of-mysore-700: #8e4120;
--color-tiger-of-mysore-800: #6a2e17;
--color-tiger-of-mysore-900: #4b1f0f;
--color-tiger-of-mysore-950: #310e03;
}SCSS
$tiger-of-mysore: #fb9064;
$tiger-of-mysore-rgb: 251, 144, 100;
$tiger-of-mysore-light: mix(#fff, $tiger-of-mysore, 20%);
$tiger-of-mysore-dark: mix(#000, $tiger-of-mysore, 20%);
.element {
color: $tiger-of-mysore;
box-shadow: 0 0 0 2px rgba($tiger-of-mysore, 0.35);
}