Benannte Farbe · #306F73
Lakelike
Lakelike ist #306F73: rgb(48 111 115), hsl(184 41% 32%), oklch(0.502 0.064 201). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Lakelike color name →
#306F73
oklch(0.502 0.064 201)
Farbumrechnungen
- HEX
- #306f73
- RGB
- rgb(48 111 115)
- HSL
- hsl(184 41% 32%)
- HWB
- hwb(184 19% 55%)
- OKLCH
- oklch(0.502 0.064 201)
- OKLab
- oklab(0.502 -0.06 -0.023)
- CIE Lab
- lab(42.9 -20.05 -8.71)
- LCH
- lch(42.9 21.86 203.5)
- CMYK
- cmyk(58% 3% 0% 55%)
Tints · Shades · Tones
Tints
- 467D80
- 5B8A8D
- 6F989B
- 83A7A9
- 97B5B7
- ACC3C5
- C0D2D3
- D5E1E2
- EAF0F0
Shades
- 286063
- 215154
- 1A4245
- 133436
- 0C2728
- 061A1B
- 030E0F
- 010405
- 000101
Tones
- 3A7174
- 447376
- 4C7477
- 547678
- 5C787A
- 647A7B
- 6B7B7C
- 727D7D
- 797E7F
Farbharmonien
Komplementär +180°
- 306F73
Lakelike
- 855554
≈ Conifer Cone
Analog -30° +30°
- 306F73
Lakelike
- 3A705F
≈ Foliage Green
- 3A6B82
≈ Lake Stream
Triadisch +120° +240°
- 306F73
Lakelike
- 75587B
≈ Dr Who
- 776037
≈ Twig Basket
Geteilt komplementär +150° +210°
- 306F73
Lakelike
- 805568
≈ Private Tone
- 825942
≈ Bricktone
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.75:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.64:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--lakelike: #306f73;
--lakelike-rgb: 48 111 115;
--lakelike-oklch: oklch(0.502 0.064 201);
}
.element {
color: var(--lakelike);
background-color: hsl(184 41% 32%);
border-color: oklch(0.502 0.064 201);
}Tailwind CSS v4
@theme {
--color-lakelike: #306f73;
--color-lakelike-50: #e1fbfd;
--color-lakelike-100: #d0eff1;
--color-lakelike-200: #b5dde0;
--color-lakelike-300: #91c2c6;
--color-lakelike-400: #70aaae;
--color-lakelike-500: #4d9398;
--color-lakelike-600: #427c80;
--color-lakelike-700: #356467;
--color-lakelike-800: #25494b;
--color-lakelike-900: #193334;
--color-lakelike-950: #091e1f;
}SCSS
$lakelike: #306f73;
$lakelike-rgb: 48, 111, 115;
$lakelike-light: mix(#fff, $lakelike, 20%);
$lakelike-dark: mix(#000, $lakelike, 20%);
.element {
color: $lakelike;
box-shadow: 0 0 0 2px rgba($lakelike, 0.35);
}