Colore con nome · #2C585C
Sea Challenge
Sea Challenge è #2C585C: rgb(44 88 92), hsl(185 35% 27%), oklch(0.431 0.049 203.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sea Challenge color name →
#2C585C
oklch(0.431 0.049 203.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 41676B
- 55777A
- 69878A
- 7D979A
- 92A8AA
- A7B9BA
- BDCACB
- D2DBDC
- E9EDED
Ombre
- 254B4F
- 1E3F42
- 173336
- 11282A
- 0A1D1F
- 051214
- 02090A
- 010303
- 000000
Toni
- 355C60
- 3E6063
- 476467
- 4F686A
- 586C6E
- 607071
- 687475
- 707879
- 787C7C
Armonie di colore
Complementare +180°
- 2C585C
Sea Challenge
- 694543
≈ Twinberry
Analogo -30° +30°
- 2C585C
Sea Challenge
- 32594D
≈ Hypnotism
- 335567
≈ Deep Dive
Triadico +120° +240°
- 2C585C
Sea Challenge
- 5D4760
≈ Brunneous
- 5D4E30
≈ West Coast
Complementare divisa +150° +210°
- 2C585C
Sea Challenge
- 664552
≈ Plum Harvest
- 664936
≈ Buckeye
Tetradico +90° +180° +270°
- 2C585C
Sea Challenge
- 514B69
≈ Darlak
- 694543
≈ Twinberry
- 505333
≈ Warplock Bronze
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.90:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.65:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
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);
}