Najbliższy nazwany kolor · #97AEF7
#97AEF7
Najbliższy nazwany kolor: Widowmaker
#97AEF7 (rgb(151 174 247), hsl(226 86% 78%), oklch(0.761 0.108 270.3)) jest najbliższy nazwanemu kolorowi Widowmaker. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#97AEF7
oklch(0.761 0.108 270.3)
Konwersje koloru
- HEX
- #97aef7
- RGB
- rgb(151 174 247)
- HSL
- hsl(226 86% 78%)
- HWB
- hwb(226 59% 3%)
- OKLCH
- oklch(0.761 0.108 270.3)
- OKLab
- oklab(0.761 0.001 -0.108)
- CIE Lab
- lab(71.46 5.3 -39.39)
- LCH
- lch(71.46 39.75 277.7)
- CMYK
- cmyk(39% 30% 0% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A1B6F8
- ABBEFA
- B5C7FB
- BFCFFC
- CAD7FD
- D4DFFD
- DFE7FE
- E9EFFE
- F4F7FF
Odcienie ciemniejsze
- 8397D7
- 6F80B7
- 5C6A99
- 49557C
- 374160
- 262E45
- 171C2C
- 080B15
- 010103
Tony
- 95AAEB
- 92A5DF
- 90A1D3
- 8E9CC7
- 8B97BB
- 8993AF
- 878EA3
- 858997
- 82858C
Harmonie kolorów
Komplementarna +180°
- 97AEF7
Widowmaker
- CCAF5B
≈ Hay Wain
Analogowa -30° +30°
- 97AEF7
Widowmaker
- 6DBBF0
≈ Norfolk Sky
- BCA2EC
≈ Lavender Cream
Triada +120° +240°
- 97AEF7
Widowmaker
- EE9788
≈ Guava Jelly
- 7DC58D
≈ Green Gala
Komplementarna rozszczepiona +150° +210°
- 97AEF7
Widowmaker
- E4A168
≈ India Trade
- A8BC6B
≈ Tan Green
Tetrada +90° +180° +270°
- 97AEF7
Widowmaker
- EA94AE
≈ Illusion
- CCAF5B
≈ Hay Wain
- 55C8B4
≈ Cockatoo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.71:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--widowmaker: #97aef7;
--widowmaker-rgb: 151 174 247;
--widowmaker-oklch: oklch(0.761 0.108 270.3);
}
.element {
color: var(--widowmaker);
background-color: hsl(226 86% 78%);
border-color: oklch(0.761 0.108 270.3);
}Tailwind CSS v4
@theme {
--color-widowmaker: #97aef7;
--color-widowmaker-50: #eaf4ff;
--color-widowmaker-100: #dbe6ff;
--color-widowmaker-200: #c4d2ff;
--color-widowmaker-300: #a4b4f0;
--color-widowmaker-400: #869bdf;
--color-widowmaker-500: #6b81ce;
--color-widowmaker-600: #5b6dae;
--color-widowmaker-700: #48588c;
--color-widowmaker-800: #324068;
--color-widowmaker-900: #222c49;
--color-widowmaker-950: #111930;
}SCSS
$widowmaker: #97aef7;
$widowmaker-rgb: 151, 174, 247;
$widowmaker-light: mix(#fff, $widowmaker, 20%);
$widowmaker-dark: mix(#000, $widowmaker, 20%);
.element {
color: $widowmaker;
box-shadow: 0 0 0 2px rgba($widowmaker, 0.35);
}