Benannte Farbe · #30555D
Frozen Stream
Frozen Stream ist #30555D: rgb(48 85 93), hsl(191 32% 28%), oklch(0.425 0.044 213.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Frozen Stream color name →
#30555D
oklch(0.425 0.044 213.1)
Farbumrechnungen
- HEX
- #30555d
- RGB
- rgb(48 85 93)
- HSL
- hsl(191 32% 28%)
- HWB
- hwb(191 19% 64%)
- OKLCH
- oklch(0.425 0.044 213.1)
- OKLab
- oklab(0.425 -0.037 -0.024)
- CIE Lab
- lab(33.63 -11.99 -9.05)
- LCH
- lch(33.63 15.02 217.1)
- CMYK
- cmyk(48% 9% 0% 64%)
Tints · Shades · Tones
Tints
- 44656C
- 57747B
- 6B858B
- 7F959A
- 93A6AB
- A8B7BB
- BDC9CC
- D3DBDD
- E9EDEE
Shades
- 284950
- 213D43
- 1A3137
- 13262A
- 0C1C1F
- 061114
- 03080A
- 010203
- 000000
Tones
- 395960
- 415E64
- 496267
- 51666B
- 596A6E
- 616F72
- 687375
- 707779
- 787C7C
Farbharmonien
Komplementär +180°
- 30555D
Frozen Stream
- 64463F
≈ Warm Air of Debonair
Analog -30° +30°
- 30555D
Frozen Stream
- 315751
≈ Balsam Branch
- 395265
≈ Midnight Mosaic
Triadisch +120° +240°
- 30555D
Frozen Stream
- 5D4659
≈ Strike a Pose
- 574E32
≈ Thatch Green
Geteilt komplementär +150° +210°
- 30555D
Frozen Stream
- 64444C
≈ Misty Grape
- 604935
≈ Beauty Spot
Tetradisch +90° +180° +270°
- 30555D
Frozen Stream
- 534963
≈ Roman Purple
- 64463F
≈ Warm Air of Debonair
- 4A5337
≈ Broccoli Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.12:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.58:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.12:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--frozen-stream: #30555d;
--frozen-stream-rgb: 48 85 93;
--frozen-stream-oklch: oklch(0.425 0.044 213.1);
}
.element {
color: var(--frozen-stream);
background-color: hsl(191 32% 28%);
border-color: oklch(0.425 0.044 213.1);
}Tailwind CSS v4
@theme {
--color-frozen-stream: #30555d;
--color-frozen-stream-50: #e8f9fd;
--color-frozen-stream-100: #d8ecf1;
--color-frozen-stream-200: #c0dae0;
--color-frozen-stream-300: #9fbec6;
--color-frozen-stream-400: #81a6ae;
--color-frozen-stream-500: #648e98;
--color-frozen-stream-600: #557880;
--color-frozen-stream-700: #446067;
--color-frozen-stream-800: #30474b;
--color-frozen-stream-900: #213134;
--color-frozen-stream-950: #101d20;
}SCSS
$frozen-stream: #30555d;
$frozen-stream-rgb: 48, 85, 93;
$frozen-stream-light: mix(#fff, $frozen-stream, 20%);
$frozen-stream-dark: mix(#000, $frozen-stream, 20%);
.element {
color: $frozen-stream;
box-shadow: 0 0 0 2px rgba($frozen-stream, 0.35);
}