Nazwany kolor · #EE6699
Shark Bait
Shark Bait to #EE6699: rgb(238 102 153), hsl(338 80% 67%), oklch(0.692 0.174 359.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Shark Bait color name →
#EE6699
oklch(0.692 0.174 359.2)
Konwersje koloru
- HEX
- #ee6699
- RGB
- rgb(238 102 153)
- HSL
- hsl(338 80% 67%)
- HWB
- hwb(338 40% 7%)
- OKLCH
- oklch(0.692 0.174 359.2)
- OKLab
- oklab(0.692 0.174 -0.002)
- CIE Lab
- lab(62.07 56.88 -0.14)
- LCH
- lch(62.07 56.88 359.9)
- CMYK
- cmyk(0% 57% 36% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F277A3
- F587AD
- F897B7
- FBA6C1
- FDB5CB
- FEC4D5
- FFD3DF
- FFE2EA
- FFF0F4
Odcienie ciemniejsze
- CF5884
- B14A70
- 933C5D
- 772F4A
- 5C2338
- 421727
- 2A0C17
- 140408
- 030001
Tony
- E46A96
- D96E94
- CF7291
- C4758F
- BA778C
- AF7A8A
- A47C87
- 987D85
- 8C7F82
Harmonie kolorów
Komplementarna +180°
- EE6699
Shark Bait
- 00B59E
≈ Aare River
Analogowa -30° +30°
- EE6699
Shark Bait
- D56FD0
≈ French Mauve
- F56A59
≈ Camellia
Triada +120° +240°
- EE6699
Shark Bait
- 91A900
≈ Augustus Asparagus
- 00A7F1
≈ Vivid Cerulean
Komplementarna rozszczepiona +150° +210°
- EE6699
Shark Bait
- 32B85C
≈ Classic Green
- 00B0C4
≈ Antigua Blue
Tetrada +90° +180° +270°
- EE6699
Shark Bait
- BF9600
≈ Nugget Gold
- 00B59E
≈ Aare River
- 7494FF
≈ Blue Chaos
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.00:1 · APCA Lc 56
Ag
AANa czerni
WCAG 6.99:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 6.99:1 (AA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--shark-bait: #ee6699;
--shark-bait-rgb: 238 102 153;
--shark-bait-oklch: oklch(0.692 0.174 359.2);
}
.element {
color: var(--shark-bait);
background-color: hsl(338 80% 67%);
border-color: oklch(0.692 0.174 359.2);
}Tailwind CSS v4
@theme {
--color-shark-bait: #ee6699;
--color-shark-bait-50: #ffe1f2;
--color-shark-bait-100: #ffd0e4;
--color-shark-bait-200: #ffb5cf;
--color-shark-bait-300: #ff8fb2;
--color-shark-bait-400: #ed6c9c;
--color-shark-bait-500: #db4683;
--color-shark-bait-600: #b93c6f;
--color-shark-bait-700: #953059;
--color-shark-bait-800: #6e2243;
--color-shark-bait-900: #4e162e;
--color-shark-bait-950: #33071b;
}SCSS
$shark-bait: #ee6699;
$shark-bait-rgb: 238, 102, 153;
$shark-bait-light: mix(#fff, $shark-bait, 20%);
$shark-bait-dark: mix(#000, $shark-bait, 20%);
.element {
color: $shark-bait;
box-shadow: 0 0 0 2px rgba($shark-bait, 0.35);
}