Colore con nome · #97BBE1
Fleck
Fleck è #97BBE1: rgb(151 187 225), hsl(211 55% 74%), oklch(0.779 0.067 250.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fleck color name →
#97BBE1
oklch(0.779 0.067 250.1)
Conversioni di colore
- HEX
- #97bbe1
- RGB
- rgb(151 187 225)
- HSL
- hsl(211 55% 74%)
- HWB
- hwb(211 59% 12%)
- OKLCH
- oklch(0.779 0.067 250.1)
- OKLab
- oklab(0.779 -0.023 -0.063)
- CIE Lab
- lab(74.24 -5.76 -23.29)
- LCH
- lch(74.24 23.99 256.1)
- CMYK
- cmyk(33% 17% 0% 12%)
Tinte · Ombre · Toni
Tinte
- A1C2E4
- ACC9E7
- B6CFEA
- C0D6EE
- CBDDF1
- D5E4F4
- DFEAF6
- EAF1F9
- F4F8FC
Ombre
- 83A2C4
- 6F8AA7
- 5C738B
- 495C70
- 374656
- 26323E
- 171F27
- 080D12
- 010202
Toni
- 95B5D7
- 93AFCD
- 91A9C3
- 8EA3B9
- 8C9DB0
- 8A97A6
- 87929C
- 858C93
- 828689
Armonie di colore
Complementare +180°
- 97BBE1
Fleck
- D3B089
≈ Cracker Bitz
Analogo -30° +30°
- 97BBE1
Fleck
- 86C2D5
≈ Dreaming Blue
- AEB3E2
≈ Beloved
Triadico +120° +240°
- 97BBE1
Fleck
- DEA6AD
≈ Prom
- A9C093
≈ Seawashed Glass
Complementare divisa +150° +210°
- 97BBE1
Fleck
- DDA997
≈ Cedarville
- C1B987
≈ Baby Bok Choy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.51:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--fleck: #97bbe1;
--fleck-rgb: 151 187 225;
--fleck-oklch: oklch(0.779 0.067 250.1);
}
.element {
color: var(--fleck);
background-color: hsl(211 55% 74%);
border-color: oklch(0.779 0.067 250.1);
}Tailwind CSS v4
@theme {
--color-fleck: #97bbe1;
--color-fleck-50: #e8f7ff;
--color-fleck-100: #d8eafe;
--color-fleck-200: #c0d7f1;
--color-fleck-300: #9fbad9;
--color-fleck-400: #81a2c5;
--color-fleck-500: #648ab1;
--color-fleck-600: #557596;
--color-fleck-700: #445d78;
--color-fleck-800: #304559;
--color-fleck-900: #202f3e;
--color-fleck-950: #101c27;
}SCSS
$fleck: #97bbe1;
$fleck-rgb: 151, 187, 225;
$fleck-light: mix(#fff, $fleck, 20%);
$fleck-dark: mix(#000, $fleck, 20%);
.element {
color: $fleck;
box-shadow: 0 0 0 2px rgba($fleck, 0.35);
}