Benannte Farbe · #15646D
Seamount
Seamount ist #15646D: rgb(21 100 109), hsl(186 68% 25%), oklch(0.462 0.073 206.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Seamount color name →
#15646D
oklch(0.462 0.073 206.6)
Farbumrechnungen
- HEX
- #15646d
- RGB
- rgb(21 100 109)
- HSL
- hsl(186 68% 25%)
- HWB
- hwb(186 8% 57%)
- OKLCH
- oklch(0.462 0.073 206.6)
- OKLab
- oklab(0.462 -0.065 -0.033)
- CIE Lab
- lab(38.25 -21.14 -12.13)
- LCH
- lch(38.25 24.38 209.8)
- CMYK
- cmyk(81% 8% 0% 57%)
Tints · Shades · Tones
Tints
- 33737B
- 4C8189
- 629097
- 78A0A5
- 8EAFB4
- A4BFC2
- BBCED1
- D1DEE0
- E8EFF0
Shades
- 11565E
- 0C484F
- 083B41
- 052E33
- 032226
- 021619
- 010B0D
- 000304
- 000001
Tones
- 27676F
- 346A71
- 3F6D73
- 4A7075
- 537277
- 5D7579
- 66787A
- 6F7B7C
- 777D7E
Farbharmonien
Komplementär +180°
- 15646D
Seamount
- 7C4843
≈ Texas Sweet Tea
Analog -30° +30°
- 15646D
Seamount
- 206658
≈ Eucalyptus Green
- 2B5F7C
≈ Berry Blue
Triadisch +120° +240°
- 15646D
Seamount
- 6E4A6E
≈ Old Fashioned Purple
- 6A5624
≈ Field Drab
Geteilt komplementär +150° +210°
- 15646D
Seamount
- 79475A
≈ Bewitching
- 784E2E
≈ Chocolate Bells
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.82:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.07:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.82:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--seamount: #15646d;
--seamount-rgb: 21 100 109;
--seamount-oklch: oklch(0.462 0.073 206.6);
}
.element {
color: var(--seamount);
background-color: hsl(186 68% 25%);
border-color: oklch(0.462 0.073 206.6);
}Tailwind CSS v4
@theme {
--color-seamount: #15646d;
--color-seamount-50: #defbff;
--color-seamount-100: #cdeff5;
--color-seamount-200: #b1dee5;
--color-seamount-300: #8bc2cb;
--color-seamount-400: #68abb4;
--color-seamount-500: #43949e;
--color-seamount-600: #3a7d86;
--color-seamount-700: #2e646b;
--color-seamount-800: #1f4a4e;
--color-seamount-900: #153336;
--color-seamount-950: #061f21;
}SCSS
$seamount: #15646d;
$seamount-rgb: 21, 100, 109;
$seamount-light: mix(#fff, $seamount, 20%);
$seamount-dark: mix(#000, $seamount, 20%);
.element {
color: $seamount;
box-shadow: 0 0 0 2px rgba($seamount, 0.35);
}