Colore con nome · #5E7E7D
Stream Burble
Stream Burble è #5E7E7D: rgb(94 126 125), hsl(178 15% 43%), oklch(0.568 0.036 193.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Stream Burble color name →
#5E7E7D
oklch(0.568 0.036 193.8)
Conversioni di colore
- HEX
- #5e7e7d
- RGB
- rgb(94 126 125)
- HSL
- hsl(178 15% 43%)
- HWB
- hwb(178 37% 51%)
- OKLCH
- oklch(0.568 0.036 193.8)
- OKLab
- oklab(0.568 -0.035 -0.009)
- CIE Lab
- lab(50.32 -11.98 -3.37)
- LCH
- lch(50.32 12.45 195.7)
- CMYK
- cmyk(25% 0% 1% 51%)
Tinte · Ombre · Toni
Tinte
- 6D8A89
- 7D9796
- 8CA3A2
- 9CB0AF
- ACBDBC
- BCCAC9
- CDD7D6
- DDE4E4
- EEF1F1
Ombre
- 516D6C
- 445C5B
- 374C4B
- 2B3C3B
- 1F2D2C
- 141F1E
- 0A1111
- 030505
- 000101
Toni
- 627E7D
- 657E7E
- 697F7E
- 6C7F7E
- 707F7F
- 737F7F
- 76807F
- 7A807F
- 7D8080
Armonie di colore
Complementare +180°
- 5E7E7D
Stream Burble
- 8B6E70
≈ Sandstone Red Grey
Analogo -30° +30°
- 5E7E7D
Stream Burble
- 647E71
≈ Ecological
- 607C87
≈ Passageway
Triadico +120° +240°
- 5E7E7D
Stream Burble
- 7F7186
≈ Hyacinth Dream
- 84745F
≈ Mudslide
Complementare divisa +150° +210°
- 5E7E7D
Stream Burble
- 876F7C
≈ Innocent Pink
- 8A7066
≈ Ending Autumn
Tetradico +90° +180° +270°
- 5E7E7D
Stream Burble
- 74748C
≈ Stormy Mauve
- 8B6E70
≈ Sandstone Red Grey
- 7A7860
≈ Denali Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.41:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.75:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.75:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--stream-burble: #5e7e7d;
--stream-burble-rgb: 94 126 125;
--stream-burble-oklch: oklch(0.568 0.036 193.8);
}
.element {
color: var(--stream-burble);
background-color: hsl(178 15% 43%);
border-color: oklch(0.568 0.036 193.8);
}Tailwind CSS v4
@theme {
--color-stream-burble: #5e7e7d;
--color-stream-burble-50: #eaf9f8;
--color-stream-burble-100: #dbecec;
--color-stream-burble-200: #c3d9d9;
--color-stream-burble-300: #a3bebd;
--color-stream-burble-400: #86a6a5;
--color-stream-burble-500: #6a8e8d;
--color-stream-burble-600: #5a7877;
--color-stream-burble-700: #48605f;
--color-stream-burble-800: #344745;
--color-stream-burble-900: #233130;
--color-stream-burble-950: #121d1c;
}SCSS
$stream-burble: #5e7e7d;
$stream-burble-rgb: 94, 126, 125;
$stream-burble-light: mix(#fff, $stream-burble, 20%);
$stream-burble-dark: mix(#000, $stream-burble, 20%);
.element {
color: $stream-burble;
box-shadow: 0 0 0 2px rgba($stream-burble, 0.35);
}