Màu có tên gần nhất · #FF107A
#FF107A
Màu có tên gần nhất: Guns N’ Roses
#FF107A (rgb(255 16 122), hsl(333 100% 53%), oklch(0.646 0.255 4.7)) gần nhất với màu có tên Guns N’ Roses. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#FF107A
oklch(0.646 0.255 4.7)
Chuyển đổi màu
- HEX
- #ff107a
- RGB
- rgb(255 16 122)
- HSL
- hsl(333 100% 53%)
- HWB
- hwb(333 6% 0%)
- OKLCH
- oklch(0.646 0.255 4.7)
- OKLab
- oklab(0.646 0.254 0.021)
- CIE Lab
- lab(55.89 82.48 9.8)
- LCH
- lch(55.89 83.06 6.8)
- CMYK
- cmyk(0% 94% 52% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF4387
- FF5F93
- FF77A0
- FF8DAD
- FFA1BA
- FFB4C8
- FFC8D5
- FFDAE3
- FFEDF1
Sắc đậm
- DE0C69
- BE0959
- 9E0649
- 80043A
- 63022B
- 48011D
- 2E0010
- 160005
- 030001
Sắc xám
- F4327B
- E9437B
- DD507C
- D15B7C
- C5637D
- B96A7E
- AC717E
- 9E767F
- 907C7F
Hòa sắc
Bổ túc +180°
- FF107A
Guns N’ Roses
- 00A497
≈ Tyrolite Blue-Green
Tương đồng -30° +30°
- FF107A
Guns N’ Roses
- E333CA
≈ Kriss Me Not Fuchsia
- FA4000
≈ Chéng Hóng Sè Orange
Bộ ba +120° +240°
- FF107A
Guns N’ Roses
- 789E00
≈ Luminescent Green
- 0095E9
≈ Pervenche
Bổ túc chia +150° +210°
- FF107A
Guns N’ Roses
- 00A960
≈ Greedo Green
- 009FB9
≈ January Blue
Bộ bốn +90° +180° +270°
- FF107A
Guns N’ Roses
- A88C00
≈ Strong Mustard
- 00A497
≈ Tyrolite Blue-Green
- 6F7EFF
≈ Orchid
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.74:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.60:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.60:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--guns-n-roses: #ff107a;
--guns-n-roses-rgb: 255 16 122;
--guns-n-roses-oklch: oklch(0.646 0.255 4.7);
}
.element {
color: var(--guns-n-roses);
background-color: hsl(333 100% 53%);
border-color: oklch(0.646 0.255 4.7);
}Tailwind CSS v4
@theme {
--color-guns-n-roses: #ff107a;
--color-guns-n-roses-50: #ffd7e9;
--color-guns-n-roses-100: #ffc3da;
--color-guns-n-roses-200: #ffa2c2;
--color-guns-n-roses-300: #ff75a2;
--color-guns-n-roses-400: #ff408b;
--color-guns-n-roses-500: #fe0070;
--color-guns-n-roses-600: #d6005f;
--color-guns-n-roses-700: #ad004c;
--color-guns-n-roses-800: #81003a;
--color-guns-n-roses-900: #5b0028;
--color-guns-n-roses-950: #3d0016;
}SCSS
$guns-n-roses: #ff107a;
$guns-n-roses-rgb: 255, 16, 122;
$guns-n-roses-light: mix(#fff, $guns-n-roses, 20%);
$guns-n-roses-dark: mix(#000, $guns-n-roses, 20%);
.element {
color: $guns-n-roses;
box-shadow: 0 0 0 2px rgba($guns-n-roses, 0.35);
}