Benannte Farbe · #085B73
Octagon Ocean
Octagon Ocean ist #085B73: rgb(8 91 115), hsl(193 87% 24%), oklch(0.439 0.08 224.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Octagon Ocean color name →
#085B73
oklch(0.439 0.08 224.5)
Farbumrechnungen
- HEX
- #085b73
- RGB
- rgb(8 91 115)
- HSL
- hsl(193 87% 24%)
- HWB
- hwb(193 3% 55%)
- OKLCH
- oklch(0.439 0.08 224.5)
- OKLab
- oklab(0.439 -0.057 -0.056)
- CIE Lab
- lab(35.19 -16.24 -20.48)
- LCH
- lch(35.19 26.14 231.6)
- CMYK
- cmyk(93% 21% 0% 55%)
Tints · Shades · Tones
Tints
- 2C6A80
- 457A8E
- 5D8A9C
- 739AA9
- 8AAAB7
- A1BBC5
- B8CCD4
- CFDDE2
- E7EEF0
Shades
- 064E63
- 044154
- 033545
- 022936
- 011E28
- 01131B
- 00090F
- 000305
- 000001
Tones
- 1F5F75
- 2E6376
- 3A6777
- 456A79
- 506E7A
- 5A727B
- 63757D
- 6D797E
- 777C7F
Farbharmonien
Komplementär +180°
- 085B73
Octagon Ocean
- 76432B
≈ Bull Shot
Analog -30° +30°
- 085B73
Octagon Ocean
- 005F5F
≈ Sandhill Crane
- 32547D
≈ Bunting Blue
Triadisch +120° +240°
- 085B73
Octagon Ocean
- 713F5D
≈ Mystique Violet
- 595417
≈ Douro
Geteilt komplementär +150° +210°
- 085B73
Octagon Ocean
- 783E44
≈ Amfissa Olive
- 6C4B17
≈ Antique Bronze
Tetradisch +90° +180° +270°
- 085B73
Octagon Ocean
- 624471
≈ Royal Rajah
- 76432B
≈ Bull Shot
- 3F5C2D
≈ Turf
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.62:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.75:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--octagon-ocean: #085b73;
--octagon-ocean-rgb: 8 91 115;
--octagon-ocean-oklch: oklch(0.439 0.08 224.5);
}
.element {
color: var(--octagon-ocean);
background-color: hsl(193 87% 24%);
border-color: oklch(0.439 0.08 224.5);
}Tailwind CSS v4
@theme {
--color-octagon-ocean: #085b73;
--color-octagon-ocean-50: #defaff;
--color-octagon-ocean-100: #cdeefd;
--color-octagon-ocean-200: #b1dcef;
--color-octagon-ocean-300: #8bc0d7;
--color-octagon-ocean-400: #67a9c2;
--color-octagon-ocean-500: #4291ae;
--color-octagon-ocean-600: #397b93;
--color-octagon-ocean-700: #2d6276;
--color-octagon-ocean-800: #1e4956;
--color-octagon-ocean-900: #14323c;
--color-octagon-ocean-950: #051e26;
}SCSS
$octagon-ocean: #085b73;
$octagon-ocean-rgb: 8, 91, 115;
$octagon-ocean-light: mix(#fff, $octagon-ocean, 20%);
$octagon-ocean-dark: mix(#000, $octagon-ocean, 20%);
.element {
color: $octagon-ocean;
box-shadow: 0 0 0 2px rgba($octagon-ocean, 0.35);
}