Colore con nome · #235E80
Suez Canal
Suez Canal è #235E80: rgb(35 94 128), hsl(202 57% 32%), oklch(0.46 0.082 237.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Suez Canal color name →
#235E80
oklch(0.46 0.082 237.7)
Conversioni di colore
- HEX
- #235e80
- RGB
- rgb(35 94 128)
- HSL
- hsl(202 57% 32%)
- HWB
- hwb(202 14% 50%)
- OKLCH
- oklch(0.46 0.082 237.7)
- OKLab
- oklab(0.46 -0.044 -0.069)
- CIE Lab
- lab(37.31 -10.52 -25.1)
- LCH
- lch(37.31 27.21 247.3)
- CMYK
- cmyk(73% 27% 0% 50%)
Tinte · Ombre · Toni
Tinte
- 3B6D8C
- 517D99
- 668CA5
- 7B9CB2
- 90ACBF
- A6BCCB
- BCCDD8
- D2DDE5
- E8EEF2
Ombre
- 1D516E
- 17445D
- 11374D
- 0C2B3D
- 071F2E
- 04141F
- 010A12
- 000306
- 000001
Toni
- 2F6280
- 3A6581
- 436981
- 4D6C81
- 567081
- 5E7381
- 677681
- 6F7A81
- 787D80
Armonie di colore
Complementare +180°
- 235E80
Suez Canal
- 7A4B26
≈ Urban Auburn
Analogo -30° +30°
- 235E80
Suez Canal
- 00646F
≈ Peacock Tail
- 445686
≈ True Navy
Triadico +120° +240°
- 235E80
Suez Canal
- 7C4358
≈ Cheerful Wine
- 545E24
≈ Basil Green
Complementare divisa +150° +210°
- 235E80
Suez Canal
- 7F453E
≈ Sly Fox
- 6B5518
≈ Field Drab
Tetradico +90° +180° +270°
- 235E80
Suez Canal
- 70476F
≈ Sunset Purple
- 7A4B26
≈ Urban Auburn
- 36643D
≈ Genever Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.03:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.98:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--suez-canal: #235e80;
--suez-canal-rgb: 35 94 128;
--suez-canal-oklch: oklch(0.46 0.082 237.7);
}
.element {
color: var(--suez-canal);
background-color: hsl(202 57% 32%);
border-color: oklch(0.46 0.082 237.7);
}Tailwind CSS v4
@theme {
--color-suez-canal: #235e80;
--color-suez-canal-50: #e1f9ff;
--color-suez-canal-100: #d0ecff;
--color-suez-canal-200: #b5daf4;
--color-suez-canal-300: #91bedd;
--color-suez-canal-400: #6fa6c9;
--color-suez-canal-500: #4d8eb6;
--color-suez-canal-600: #42789a;
--color-suez-canal-700: #35607b;
--color-suez-canal-800: #24475b;
--color-suez-canal-900: #183140;
--color-suez-canal-950: #081d28;
}SCSS
$suez-canal: #235e80;
$suez-canal-rgb: 35, 94, 128;
$suez-canal-light: mix(#fff, $suez-canal, 20%);
$suez-canal-dark: mix(#000, $suez-canal, 20%);
.element {
color: $suez-canal;
box-shadow: 0 0 0 2px rgba($suez-canal, 0.35);
}