En yakın adlandırılmış renk · #FF006D
#FF006D
En yakın adlandırılmış renk: Vivid Raspberry
#FF006D (rgb(255 0 109), hsl(334 100% 50%), oklch(0.64 0.256 8.4)) en çok Vivid Raspberry 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.
#FF006D
oklch(0.64 0.256 8.4)
Renk dönüşümleri
- HEX
- #ff006d
- RGB
- rgb(255 0 109)
- HSL
- hsl(334 100% 50%)
- HWB
- hwb(334 0% 0%)
- OKLCH
- oklch(0.64 0.256 8.4)
- OKLab
- oklab(0.64 0.254 0.037)
- CIE Lab
- lab(55.25 82.97 16.77)
- LCH
- lch(55.25 84.65 11.4)
- CMYK
- cmyk(0% 100% 57% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF3F7B
- FF5D89
- FF7697
- FF8BA5
- FFA0B4
- FFB4C2
- FFC7D1
- FFDAE0
- FFECF0
Koyu tonlar
- DE005E
- BE004F
- 9E0041
- 800033
- 630026
- 480019
- 2E000D
- 160004
- 030001
Gri tonlar
- F42E6F
- E94171
- DD4E73
- D25975
- C66277
- B96A79
- AC707B
- 9E767C
- 907B7E
Renk uyumları
Tamamlayıcı +180°
- FF006D
Vivid Raspberry
- 00A199
≈ Spectra Green
Analog -30° +30°
- FF006D
Vivid Raspberry
- E62BC0
≈ Kriss Me Not Fuchsia
- EE4D00
≈ Kimchi
Üçlü +120° +240°
- FF006D
Vivid Raspberry
- 6D9E00
≈ Elven Olympics
- 0090EF
≈ Bleu de France
Bölünmüş tamamlayıcı +150° +210°
- FF006D
Vivid Raspberry
- 00A769
≈ Jade
- 009CBB
≈ Brilliant Sea
Dörtlü +90° +180° +270°
- FF006D
Vivid Raspberry
- A18C00
≈ Guava Green
- 00A199
≈ Spectra Green
- 7578FF
≈ Stargate Shimmer
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.83:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.47:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.47:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--vivid-raspberry: #ff006d;
--vivid-raspberry-rgb: 255 0 109;
--vivid-raspberry-oklch: oklch(0.64 0.256 8.4);
}
.element {
color: var(--vivid-raspberry);
background-color: hsl(334 100% 50%);
border-color: oklch(0.64 0.256 8.4);
}Tailwind CSS v4
@theme {
--color-vivid-raspberry: #ff006d;
--color-vivid-raspberry-50: #ffd7e4;
--color-vivid-raspberry-100: #ffc4d4;
--color-vivid-raspberry-200: #ffa2ba;
--color-vivid-raspberry-300: #ff7498;
--color-vivid-raspberry-400: #ff3f80;
--color-vivid-raspberry-500: #ff0064;
--color-vivid-raspberry-600: #d90055;
--color-vivid-raspberry-700: #ae0044;
--color-vivid-raspberry-800: #820034;
--color-vivid-raspberry-900: #5c0023;
--color-vivid-raspberry-950: #3e0012;
}SCSS
$vivid-raspberry: #ff006d;
$vivid-raspberry-rgb: 255, 0, 109;
$vivid-raspberry-light: mix(#fff, $vivid-raspberry, 20%);
$vivid-raspberry-dark: mix(#000, $vivid-raspberry, 20%);
.element {
color: $vivid-raspberry;
box-shadow: 0 0 0 2px rgba($vivid-raspberry, 0.35);
}