En yakın adlandırılmış renk · #FF639A
#FF639A
En yakın adlandırılmış renk: Fuchsia Fever
#FF639A (rgb(255 99 154), hsl(339 100% 69%), oklch(0.713 0.195 1.5)) en çok Fuchsia Fever 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.
#FF639A
oklch(0.713 0.195 1.5)
Renk dönüşümleri
- HEX
- #ff639a
- RGB
- rgb(255 99 154)
- HSL
- hsl(339 100% 69%)
- HWB
- hwb(339 39% 0%)
- OKLCH
- oklch(0.713 0.195 1.5)
- OKLab
- oklab(0.713 0.195 0.005)
- CIE Lab
- lab(64.28 63.6 2.89)
- LCH
- lch(64.28 63.67 2.6)
- CMYK
- cmyk(0% 61% 40% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF75A4
- FF86AD
- FF96B7
- FFA6C1
- FFB5CB
- FFC4D5
- FFD3E0
- FFE2EA
- FFF0F4
Koyu tonlar
- DE5585
- BE4771
- 9E3A5E
- 802E4B
- 632139
- 481627
- 2E0B17
- 160309
- 030001
Gri tonlar
- F36897
- E76D95
- DB7192
- CF7490
- C3778D
- B67A8A
- A97C88
- 9C7D85
- 8E7F83
Renk uyumları
Tamamlayıcı +180°
- FF639A
Fuchsia Fever
- 00BCA8
≈ Verditer
Analog -30° +30°
- FF639A
Fuchsia Fever
- E56DD9
≈ Pink Orchid
- FF6F57
≈ Orange Pink
Üçlü +120° +240°
- FF639A
Fuchsia Fever
- 92B200
≈ Grasping Grass
- 10ACFF
≈ Krishna Blue
Bölünmüş tamamlayıcı +150° +210°
- FF639A
Fuchsia Fever
- 00C261
≈ Algal Fuel
- 00B6CF
≈ Utopia Beckons
Dörtlü +90° +180° +270°
- FF639A
Fuchsia Fever
- C49E00
≈ Molten Bronze
- 00BCA8
≈ Verditer
- 819BFF
≈ Periwinkle Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--fuchsia-fever: #ff639a;
--fuchsia-fever-rgb: 255 99 154;
--fuchsia-fever-oklch: oklch(0.713 0.195 1.5);
}
.element {
color: var(--fuchsia-fever);
background-color: hsl(339 100% 69%);
border-color: oklch(0.713 0.195 1.5);
}Tailwind CSS v4
@theme {
--color-fuchsia-fever: #ff639a;
--color-fuchsia-fever-50: #ffdeef;
--color-fuchsia-fever-100: #ffcde1;
--color-fuchsia-fever-200: #ffb0cb;
--color-fuchsia-fever-300: #ff89ad;
--color-fuchsia-fever-400: #f66396;
--color-fuchsia-fever-500: #e5367d;
--color-fuchsia-fever-600: #c1306a;
--color-fuchsia-fever-700: #9b2755;
--color-fuchsia-fever-800: #731a40;
--color-fuchsia-fever-900: #52112c;
--color-fuchsia-fever-950: #360319;
}SCSS
$fuchsia-fever: #ff639a;
$fuchsia-fever-rgb: 255, 99, 154;
$fuchsia-fever-light: mix(#fff, $fuchsia-fever, 20%);
$fuchsia-fever-dark: mix(#000, $fuchsia-fever, 20%);
.element {
color: $fuchsia-fever;
box-shadow: 0 0 0 2px rgba($fuchsia-fever, 0.35);
}