Najbliższy nazwany kolor · #9697C6
#9697C6
Najbliższy nazwany kolor: Easter Egg
#9697C6 (rgb(150 151 198), hsl(239 30% 68%), oklch(0.693 0.069 283.5)) jest najbliższy nazwanemu kolorowi Easter Egg. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9697C6
oklch(0.693 0.069 283.5)
Konwersje koloru
- HEX
- #9697c6
- RGB
- rgb(150 151 198)
- HSL
- hsl(239 30% 68%)
- HWB
- hwb(239 59% 22%)
- OKLCH
- oklch(0.693 0.069 283.5)
- OKLab
- oklab(0.693 0.016 -0.067)
- CIE Lab
- lab(63.67 7.39 -24.53)
- LCH
- lch(63.67 25.62 286.8)
- CMYK
- cmyk(24% 24% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0A1CC
- AAABD2
- B4B5D7
- BFC0DD
- C9CAE3
- D4D5E9
- DEDFEE
- E9EAF4
- F4F4F9
Odcienie ciemniejsze
- 8283AC
- 6E6F92
- 5B5C7A
- 494962
- 37374B
- 262635
- 161721
- 08080E
- 010102
Tony
- 9495BF
- 9193B8
- 8F90B1
- 8D8EAA
- 8B8CA3
- 89899C
- 868795
- 84858E
- 828287
Harmonie kolorów
Komplementarna +180°
- 9697C6
Easter Egg
- A39F6C
≈ Westcar Papyrus
Analogowa -30° +30°
- 9697C6
Easter Egg
- 7E9FC6
≈ Alaskan Ice
- AC90BB
≈ Lavender Earl
Triada +120° +240°
- 9697C6
Easter Egg
- C18F7A
≈ Copper Lake
- 74AA90
≈ Dublin Jack
Komplementarna rozszczepiona +150° +210°
- 9697C6
Easter Egg
- B6966C
≈ Tapestry Gold
- 8BA67A
≈ Succulent Greenhouse
Tetrada +90° +180° +270°
- 9697C6
Easter Egg
- C38B90
≈ Prophetess
- A39F6C
≈ Westcar Papyrus
- 67AAA8
≈ Veranda
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.53:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--easter-egg: #9697c6;
--easter-egg-rgb: 150 151 198;
--easter-egg-oklch: oklch(0.693 0.069 283.5);
}
.element {
color: var(--easter-egg);
background-color: hsl(239 30% 68%);
border-color: oklch(0.693 0.069 283.5);
}Tailwind CSS v4
@theme {
--color-easter-egg: #9697c6;
--color-easter-egg-50: #f3f3ff;
--color-easter-egg-100: #e5e5ff;
--color-easter-egg-200: #d1d1f1;
--color-easter-egg-300: #b3b3da;
--color-easter-egg-400: #999ac6;
--color-easter-egg-500: #8080b3;
--color-easter-egg-600: #6c6d97;
--color-easter-egg-700: #565779;
--color-easter-egg-800: #3e405a;
--color-easter-egg-900: #2b2c3f;
--color-easter-egg-950: #181928;
}SCSS
$easter-egg: #9697c6;
$easter-egg-rgb: 150, 151, 198;
$easter-egg-light: mix(#fff, $easter-egg, 20%);
$easter-egg-dark: mix(#000, $easter-egg, 20%);
.element {
color: $easter-egg;
box-shadow: 0 0 0 2px rgba($easter-egg, 0.35);
}