Nazwany kolor · #94D3D1
Summer Soft Blue
Summer Soft Blue to #94D3D1: rgb(148 211 209), hsl(178 42% 70%), oklch(0.824 0.064 193.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Summer Soft Blue color name →
#94D3D1
oklch(0.824 0.064 193.5)
Konwersje koloru
- HEX
- #94d3d1
- RGB
- rgb(148 211 209)
- HSL
- hsl(178 42% 70%)
- HWB
- hwb(178 58% 17%)
- OKLCH
- oklch(0.824 0.064 193.5)
- OKLab
- oklab(0.824 -0.062 -0.015)
- CIE Lab
- lab(80.27 -21.1 -5.79)
- LCH
- lch(80.27 21.88 195.3)
- CMYK
- cmyk(30% 0% 1% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9FD7D6
- AADCDA
- B5E0DF
- C0E5E3
- CBE9E8
- D5EEEC
- E0F2F1
- EAF6F6
- F5FBFA
Odcienie ciemniejsze
- 80B7B5
- 6D9C9B
- 5A8281
- 486968
- 365150
- 263A39
- 162423
- 081010
- 010202
Tony
- 93CAC9
- 91C2C0
- 90B9B8
- 8EB1B0
- 8CA9A8
- 8AA0A0
- 879898
- 859090
- 838888
Harmonie kolorów
Komplementarna +180°
- 94D3D1
Summer Soft Blue
- ECB5B9
≈ Summer Cocktails
Analogowa -30° +30°
- 94D3D1
Summer Soft Blue
- A0D3BA
≈ Flowering Cactus
- 98CFE4
≈ Perfectly Blue
Triada +120° +240°
- 94D3D1
Summer Soft Blue
- D4BAE3
≈ Pretty Petunia
- DFC098
≈ More Cowbell
Komplementarna rozszczepiona +150° +210°
- 94D3D1
Summer Soft Blue
- E4B5D0
≈ Muddy Mauve
- EAB9A4
≈ Pink Abalone
Tetrada +90° +180° +270°
- 94D3D1
Summer Soft Blue
- BFC1EE
≈ Vodka
- ECB5B9
≈ Summer Cocktails
- CCC898
≈ Tidal Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.49:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--summer-soft-blue: #94d3d1;
--summer-soft-blue-rgb: 148 211 209;
--summer-soft-blue-oklch: oklch(0.824 0.064 193.5);
}
.element {
color: var(--summer-soft-blue);
background-color: hsl(178 42% 70%);
border-color: oklch(0.824 0.064 193.5);
}Tailwind CSS v4
@theme {
--color-summer-soft-blue: #94d3d1;
--color-summer-soft-blue-50: #e1fbfb;
--color-summer-soft-blue-100: #d0efef;
--color-summer-soft-blue-200: #b5dddd;
--color-summer-soft-blue-300: #91c2c2;
--color-summer-soft-blue-400: #70aba9;
--color-summer-soft-blue-500: #4e9492;
--color-summer-soft-blue-600: #437d7c;
--color-summer-soft-blue-700: #356463;
--color-summer-soft-blue-800: #264a48;
--color-summer-soft-blue-900: #193332;
--color-summer-soft-blue-950: #091f1e;
}SCSS
$summer-soft-blue: #94d3d1;
$summer-soft-blue-rgb: 148, 211, 209;
$summer-soft-blue-light: mix(#fff, $summer-soft-blue, 20%);
$summer-soft-blue-dark: mix(#000, $summer-soft-blue, 20%);
.element {
color: $summer-soft-blue;
box-shadow: 0 0 0 2px rgba($summer-soft-blue, 0.35);
}