Nazwany kolor · #15646D
Seamount
Seamount to #15646D: rgb(21 100 109), hsl(186 68% 25%), oklch(0.462 0.073 206.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Seamount color name →
#15646D
oklch(0.462 0.073 206.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 33737B
- 4C8189
- 629097
- 78A0A5
- 8EAFB4
- A4BFC2
- BBCED1
- D1DEE0
- E8EFF0
Odcienie ciemniejsze
- 11565E
- 0C484F
- 083B41
- 052E33
- 032226
- 021619
- 010B0D
- 000304
- 000001
Tony
- 27676F
- 346A71
- 3F6D73
- 4A7075
- 537277
- 5D7579
- 66787A
- 6F7B7C
- 777D7E
Harmonie kolorów
Komplementarna +180°
- 15646D
Seamount
- 7C4843
≈ Texas Sweet Tea
Analogowa -30° +30°
- 15646D
Seamount
- 206658
≈ Eucalyptus Green
- 2B5F7C
≈ Berry Blue
Triada +120° +240°
- 15646D
Seamount
- 6E4A6E
≈ Old Fashioned Purple
- 6A5624
≈ Field Drab
Komplementarna rozszczepiona +150° +210°
- 15646D
Seamount
- 79475A
≈ Bewitching
- 784E2E
≈ Chocolate Bells
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.82:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.07:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.82:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}