Najbliższy nazwany kolor · #7EBBF9
#7EBBF9
Najbliższy nazwany kolor: Cooler Than Ever
#7EBBF9 (rgb(126 187 249), hsl(210 91% 74%), oklch(0.775 0.109 249.8)) jest najbliższy nazwanemu kolorowi Cooler Than Ever. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7EBBF9
oklch(0.775 0.109 249.8)
Konwersje koloru
- HEX
- #7ebbf9
- RGB
- rgb(126 187 249)
- HSL
- hsl(210 91% 74%)
- HWB
- hwb(210 49% 2%)
- OKLCH
- oklch(0.775 0.109 249.8)
- OKLab
- oklab(0.775 -0.038 -0.103)
- CIE Lab
- lab(73.55 -7.62 -37.39)
- LCH
- lch(73.55 38.16 258.5)
- CMYK
- cmyk(49% 25% 0% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8BC2FA
- 99C9FB
- A5D0FC
- B2D7FD
- BFDEFD
- CCE4FE
- D9EBFE
- E5F2FF
- F2F8FF
Odcienie ciemniejsze
- 6DA2D9
- 5C8AB9
- 4C739A
- 3C5C7D
- 2D4661
- 1F3246
- 111F2C
- 050D15
- 010203
Tony
- 7FB5ED
- 80AFE0
- 80A9D4
- 81A4C8
- 819EBC
- 8198B0
- 8192A4
- 818C98
- 81868C
Harmonie kolorów
Komplementarna +180°
- 7EBBF9
Cooler Than Ever
- E3A965
≈ Earth Yellow
Analogowa -30° +30°
- 7EBBF9
Cooler Than Ever
- 58C6E6
≈ Candid Blue
- A8AEFB
≈ Shy Moment
Triada +120° +240°
- 7EBBF9
Cooler Than Ever
- F298A6
≈ Piggy
- 9FC478
≈ Opaline Green
Komplementarna rozszczepiona +150° +210°
- 7EBBF9
Cooler Than Ever
- F29D80
≈ Cumquat Cream
- C6B761
≈ Almond Puff
Tetrada +90° +180° +270°
- 7EBBF9
Cooler Than Ever
- E59ACC
≈ Blossoms in Spring
- E3A965
≈ Earth Yellow
- 72CB9D
≈ Jocose Jade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.36:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--cooler-than-ever: #7ebbf9;
--cooler-than-ever-rgb: 126 187 249;
--cooler-than-ever-oklch: oklch(0.775 0.109 249.8);
}
.element {
color: var(--cooler-than-ever);
background-color: hsl(210 91% 74%);
border-color: oklch(0.775 0.109 249.8);
}Tailwind CSS v4
@theme {
--color-cooler-than-ever: #7ebbf9;
--color-cooler-than-ever-50: #dff8ff;
--color-cooler-than-ever-100: #ceebff;
--color-cooler-than-ever-200: #b3d8ff;
--color-cooler-than-ever-300: #8ebbee;
--color-cooler-than-ever-400: #6aa3dd;
--color-cooler-than-ever-500: #478acb;
--color-cooler-than-ever-600: #3d75ac;
--color-cooler-than-ever-700: #315e8a;
--color-cooler-than-ever-800: #204566;
--color-cooler-than-ever-900: #153048;
--color-cooler-than-ever-950: #061c2f;
}SCSS
$cooler-than-ever: #7ebbf9;
$cooler-than-ever-rgb: 126, 187, 249;
$cooler-than-ever-light: mix(#fff, $cooler-than-ever, 20%);
$cooler-than-ever-dark: mix(#000, $cooler-than-ever, 20%);
.element {
color: $cooler-than-ever;
box-shadow: 0 0 0 2px rgba($cooler-than-ever, 0.35);
}