Nazwany kolor · #FF44EE
Actinic Light
Actinic Light to #FF44EE: rgb(255 68 238), hsl(305 100% 63%), oklch(0.718 0.277 332.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Actinic Light color name →
#FF44EE
oklch(0.718 0.277 332.1)
Konwersje koloru
- HEX
- #ff44ee
- RGB
- rgb(255 68 238)
- HSL
- hsl(305 100% 63%)
- HWB
- hwb(305 27% 0%)
- OKLCH
- oklch(0.718 0.277 332.1)
- OKLab
- oklab(0.718 0.245 -0.13)
- CIE Lab
- lab(62.99 81.74 -46.62)
- LCH
- lch(62.99 94.1 330.3)
- CMYK
- cmyk(0% 73% 7% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF60F1
- FF76F3
- FF8AF5
- FF9CF7
- FFAEF9
- FFBFFA
- FFCFFC
- FFDFFD
- FFEFFE
Odcienie ciemniejsze
- DE3ACF
- BE30B1
- 9E2693
- 801D77
- 63145C
- 480C42
- 2E052A
- 160214
- 030003
Tony
- F351E3
- E75BD8
- DB63CD
- CF6AC2
- C26FB7
- B674AC
- A978A1
- 9C7B96
- 8E7E8B
Harmonie kolorów
Komplementarna +180°
- FF44EE
Actinic Light
- 00C465
≈ Algal Fuel
Analogowa -30° +30°
- FF44EE
Actinic Light
- BA84FF
≈ Lilac Geode
- FF679A
≈ French Pink
Triada +120° +240°
- FF44EE
Actinic Light
- C5A000
≈ Molten Bronze
- 00B8D1
≈ Utopia Beckons
Komplementarna rozszczepiona +150° +210°
- FF44EE
Actinic Light
- 92B400
≈ Grasping Grass
- 00BDAA
≈ Verditer
Tetrada +90° +180° +270°
- FF44EE
Actinic Light
- EB8800
≈ Clear Orange
- 00C465
≈ Algal Fuel
- 24ADFF
≈ Fantasy Console Sky
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.87:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.31:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.31:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--actinic-light: #ff44ee;
--actinic-light-rgb: 255 68 238;
--actinic-light-oklch: oklch(0.718 0.277 332.1);
}
.element {
color: var(--actinic-light);
background-color: hsl(305 100% 63%);
border-color: oklch(0.718 0.277 332.1);
}Tailwind CSS v4
@theme {
--color-actinic-light: #ff44ee;
--color-actinic-light-50: #ffd7ff;
--color-actinic-light-100: #ffc4ff;
--color-actinic-light-200: #ffa4ff;
--color-actinic-light-300: #ff77f0;
--color-actinic-light-400: #f546e4;
--color-actinic-light-500: #e300d4;
--color-actinic-light-600: #c000b3;
--color-actinic-light-700: #9a0090;
--color-actinic-light-800: #72006e;
--color-actinic-light-900: #50004d;
--color-actinic-light-950: #350033;
}SCSS
$actinic-light: #ff44ee;
$actinic-light-rgb: 255, 68, 238;
$actinic-light-light: mix(#fff, $actinic-light, 20%);
$actinic-light-dark: mix(#000, $actinic-light, 20%);
.element {
color: $actinic-light;
box-shadow: 0 0 0 2px rgba($actinic-light, 0.35);
}