En yakın adlandırılmış renk · #FB9064
#FB9064
En yakın adlandırılmış renk: Tiger of Mysore
#FB9064 (rgb(251 144 100), hsl(17 95% 69%), oklch(0.759 0.142 42.6)) en çok Tiger of Mysore adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FB9064
oklch(0.759 0.142 42.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FD9C74
- FEA784
- FFB394
- FFBEA3
- FFC9B3
- FFD4C2
- FFDFD1
- FFE9E0
- FFF4F0
Koyu tonlar
- DA7D56
- BA6A48
- 9C573B
- 7E452E
- 613422
- 462416
- 2D150B
- 150703
- 030100
Gri tonlar
- EF8F68
- E38E6C
- D78D6F
- CB8C72
- BE8A75
- B28878
- A6867A
- 99847C
- 8D827E
Renk uyumları
Tamamlayıcı +180°
- FB9064
Tiger of Mysore
- 00C3F1
≈ Blue Raspberry
Analog -30° +30°
- FB9064
Tiger of Mysore
- FD8897
≈ Strawberry Soap
- E7A137
≈ Gilded Leaves
Üçlü +120° +240°
- FB9064
Tiger of Mysore
- 43CC96
≈ Dark Shamrock
- A5A6FF
≈ Shy Moment
Bölünmüş tamamlayıcı +150° +210°
- FB9064
Tiger of Mysore
- 00CAC7
≈ Tilla Kari Mosque
- 73B5FF
≈ French Sky Blue
Dörtlü +90° +180° +270°
- FB9064
Tiger of Mysore
- 8DC460
≈ Cabbage Patch
- 00C3F1
≈ Blue Raspberry
- D095F1
≈ Dream Vapour
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.27:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
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);
}