Nazwany kolor · #98BEB2
Spring Stream
Spring Stream to #98BEB2: rgb(152 190 178), hsl(161 23% 67%), oklch(0.77 0.044 173.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Spring Stream color name →
#98BEB2
oklch(0.77 0.044 173.9)
Konwersje koloru
- HEX
- #98beb2
- RGB
- rgb(152 190 178)
- HSL
- hsl(161 23% 67%)
- HWB
- hwb(161 60% 25%)
- OKLCH
- oklch(0.77 0.044 173.9)
- OKLab
- oklab(0.77 -0.044 0.005)
- CIE Lab
- lab(73.93 -15.07 1.66)
- LCH
- lch(73.93 15.16 173.7)
- CMYK
- cmyk(20% 0% 6% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2C4B9
- ACCBC1
- B7D1C9
- C1D8D0
- CBDED8
- D5E5E0
- E0EBE7
- EAF2EF
- F5F8F7
Odcienie ciemniejsze
- 84A59A
- 708C83
- 5C756D
- 4A5E57
- 384843
- 27332F
- 171F1D
- 080D0C
- 010201
Tony
- 96B8AD
- 94B1A8
- 91ABA3
- 8FA59E
- 8D9F99
- 8A9894
- 88928F
- 858C8A
- 838685
Harmonie kolorów
Komplementarna +180°
- 98BEB2
Spring Stream
- CCA9B6
≈ Sugarplum Dance
Analogowa -30° +30°
- 98BEB2
Spring Stream
- A4BCA3
≈ Bryophyte
- 94BDC1
≈ Squirt
Triada +120° +240°
- 98BEB2
Spring Stream
- B5AFCE
≈ Lavender Dream
- CCAD9A
≈ Frappé
Komplementarna rozszczepiona +150° +210°
- 98BEB2
Spring Stream
- C3ABC5
≈ Linnea Blossom
- CFAAA7
≈ Vista
Tetrada +90° +180° +270°
- 98BEB2
Spring Stream
- A6B5D1
≈ Minuet
- CCA9B6
≈ Sugarplum Dance
- C2B395
≈ Palisade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.03:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.34:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--spring-stream: #98beb2;
--spring-stream-rgb: 152 190 178;
--spring-stream-oklch: oklch(0.77 0.044 173.9);
}
.element {
color: var(--spring-stream);
background-color: hsl(161 23% 67%);
border-color: oklch(0.77 0.044 173.9);
}Tailwind CSS v4
@theme {
--color-spring-stream: #98beb2;
--color-spring-stream-50: #e9faf4;
--color-spring-stream-100: #d9ede7;
--color-spring-stream-200: #c2dbd3;
--color-spring-stream-300: #a1bfb6;
--color-spring-stream-400: #84a79c;
--color-spring-stream-500: #679084;
--color-spring-stream-600: #587a70;
--color-spring-stream-700: #466259;
--color-spring-stream-800: #334841;
--color-spring-stream-900: #23322c;
--color-spring-stream-950: #111e1a;
}SCSS
$spring-stream: #98beb2;
$spring-stream-rgb: 152, 190, 178;
$spring-stream-light: mix(#fff, $spring-stream, 20%);
$spring-stream-dark: mix(#000, $spring-stream, 20%);
.element {
color: $spring-stream;
box-shadow: 0 0 0 2px rgba($spring-stream, 0.35);
}