Nazwany kolor · #2C585C
Sea Challenge
Sea Challenge to #2C585C: rgb(44 88 92), hsl(185 35% 27%), oklch(0.431 0.049 203.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Sea Challenge color name →
#2C585C
oklch(0.431 0.049 203.2)
Konwersje koloru
- HEX
- #2c585c
- RGB
- rgb(44 88 92)
- HSL
- hsl(185 35% 27%)
- HWB
- hwb(185 17% 64%)
- OKLCH
- oklch(0.431 0.049 203.2)
- OKLab
- oklab(0.431 -0.045 -0.019)
- CIE Lab
- lab(34.41 -14.96 -7.31)
- LCH
- lch(34.41 16.64 206)
- CMYK
- cmyk(52% 4% 0% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 41676B
- 55777A
- 69878A
- 7D979A
- 92A8AA
- A7B9BA
- BDCACB
- D2DBDC
- E9EDED
Odcienie ciemniejsze
- 254B4F
- 1E3F42
- 173336
- 11282A
- 0A1D1F
- 051214
- 02090A
- 010303
- 000000
Tony
- 355C60
- 3E6063
- 476467
- 4F686A
- 586C6E
- 607071
- 687475
- 707879
- 787C7C
Harmonie kolorów
Komplementarna +180°
- 2C585C
Sea Challenge
- 694543
≈ Twinberry
Analogowa -30° +30°
- 2C585C
Sea Challenge
- 32594D
≈ Hypnotism
- 335567
≈ Deep Dive
Triada +120° +240°
- 2C585C
Sea Challenge
- 5D4760
≈ Brunneous
- 5D4E30
≈ West Coast
Komplementarna rozszczepiona +150° +210°
- 2C585C
Sea Challenge
- 664552
≈ Plum Harvest
- 664936
≈ Buckeye
Tetrada +90° +180° +270°
- 2C585C
Sea Challenge
- 514B69
≈ Darlak
- 694543
≈ Twinberry
- 505333
≈ Warplock Bronze
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.90:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.65:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--sea-challenge: #2c585c;
--sea-challenge-rgb: 44 88 92;
--sea-challenge-oklch: oklch(0.431 0.049 203.2);
}
.element {
color: var(--sea-challenge);
background-color: hsl(185 35% 27%);
border-color: oklch(0.431 0.049 203.2);
}Tailwind CSS v4
@theme {
--color-sea-challenge: #2c585c;
--color-sea-challenge-50: #e6fafc;
--color-sea-challenge-100: #d6edf0;
--color-sea-challenge-200: #bddbde;
--color-sea-challenge-300: #9bbfc3;
--color-sea-challenge-400: #7ca7ab;
--color-sea-challenge-500: #5e9095;
--color-sea-challenge-600: #507a7e;
--color-sea-challenge-700: #406265;
--color-sea-challenge-800: #2e4849;
--color-sea-challenge-900: #1f3233;
--color-sea-challenge-950: #0e1e1f;
}SCSS
$sea-challenge: #2c585c;
$sea-challenge-rgb: 44, 88, 92;
$sea-challenge-light: mix(#fff, $sea-challenge, 20%);
$sea-challenge-dark: mix(#000, $sea-challenge, 20%);
.element {
color: $sea-challenge;
box-shadow: 0 0 0 2px rgba($sea-challenge, 0.35);
}