Benannte Farbe · #1B6F81
Billabong
Billabong ist #1B6F81: rgb(27 111 129), hsl(191 65% 31%), oklch(0.502 0.081 215.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Billabong color name →
#1B6F81
oklch(0.502 0.081 215.8)
Farbumrechnungen
- HEX
- #1b6f81
- RGB
- rgb(27 111 129)
- HSL
- hsl(191 65% 31%)
- HWB
- hwb(191 11% 49%)
- OKLCH
- oklch(0.502 0.081 215.8)
- OKLab
- oklab(0.502 -0.065 -0.047)
- CIE Lab
- lab(42.72 -20.23 -17.43)
- LCH
- lch(42.72 26.7 220.7)
- CMYK
- cmyk(79% 14% 0% 49%)
Tints · Shades · Tones
Tints
- 397D8D
- 518B99
- 6799A6
- 7DA7B2
- 92B5BF
- A8C4CB
- BDD2D8
- D3E1E5
- E9F0F2
Shades
- 16606F
- 11515E
- 0C424E
- 08343E
- 05272E
- 021A1F
- 010E12
- 000406
- 000101
Tones
- 2C7181
- 397381
- 447581
- 4D7681
- 577881
- 607A81
- 687B81
- 707D80
- 787F80
Farbharmonien
Komplementär +180°
- 1B6F81
Billabong
- 8B5243
≈ Annatto
Analog -30° +30°
- 1B6F81
Billabong
- 1A736A
≈ Advantageous
- 3A688F
≈ Blue Ribbon Beauty
Triadisch +120° +240°
- 1B6F81
Billabong
- 815275
≈ Purple Davenport
- 726328
≈ Himalaya
Geteilt komplementär +150° +210°
- 1B6F81
Billabong
- 8A4F5D
≈ Hawthorn Rose
- 835A2E
≈ Hot Curry
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.77:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.63:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--billabong: #1b6f81;
--billabong-rgb: 27 111 129;
--billabong-oklch: oklch(0.502 0.081 215.8);
}
.element {
color: var(--billabong);
background-color: hsl(191 65% 31%);
border-color: oklch(0.502 0.081 215.8);
}Tailwind CSS v4
@theme {
--color-billabong: #1b6f81;
--color-billabong-50: #ddfbff;
--color-billabong-100: #cbeffa;
--color-billabong-200: #aeddeb;
--color-billabong-300: #88c2d3;
--color-billabong-400: #63abbd;
--color-billabong-500: #3a93a8;
--color-billabong-600: #337d8e;
--color-billabong-700: #296472;
--color-billabong-800: #1b4a53;
--color-billabong-900: #12333a;
--color-billabong-950: #041f24;
}SCSS
$billabong: #1b6f81;
$billabong-rgb: 27, 111, 129;
$billabong-light: mix(#fff, $billabong, 20%);
$billabong-dark: mix(#000, $billabong, 20%);
.element {
color: $billabong;
box-shadow: 0 0 0 2px rgba($billabong, 0.35);
}