Colore con nome · #2B655F
Alliance
Alliance è #2B655F: rgb(43 101 95), hsl(174 40% 28%), oklch(0.466 0.061 186.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Alliance color name →
#2B655F
oklch(0.466 0.061 186.2)
Conversioni di colore
- HEX
- #2b655f
- RGB
- rgb(43 101 95)
- HSL
- hsl(174 40% 28%)
- HWB
- hwb(174 17% 60%)
- OKLCH
- oklch(0.466 0.061 186.2)
- OKLab
- oklab(0.466 -0.061 -0.007)
- CIE Lab
- lab(38.83 -21 -2.66)
- LCH
- lch(38.83 21.17 187.2)
- CMYK
- cmyk(57% 0% 6% 60%)
Tinte · Ombre · Toni
Tinte
- 41736E
- 56827D
- 6B918C
- 7FA09C
- 94AFAB
- A9BFBC
- BECFCC
- D3DFDD
- E9EFEE
Ombre
- 245752
- 1D4944
- 163C38
- 102F2C
- 0A2220
- 051715
- 020C0A
- 010303
- 000000
Toni
- 366862
- 3F6B65
- 486D69
- 51706C
- 59736F
- 617573
- 697876
- 717B79
- 787D7D
Armonie di colore
Complementare +180°
- 2B655F
Alliance
- 774B54
≈ Nocturne Red
Analogo -30° +30°
- 2B655F
Alliance
- 3C644B
≈ Serbian Green
- 2C6270
≈ Atlantis
Triadico +120° +240°
- 2B655F
Alliance
- 625175
≈ Berry Syrup
- 715333
≈ Rustic Cabin
Complementare divisa +150° +210°
- 2B655F
Alliance
- 704D67
≈ Dirty Purple
- 784D42
≈ Dark Cherry Mocha
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.71:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.12:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--alliance: #2b655f;
--alliance-rgb: 43 101 95;
--alliance-oklch: oklch(0.466 0.061 186.2);
}
.element {
color: var(--alliance);
background-color: hsl(174 40% 28%);
border-color: oklch(0.466 0.061 186.2);
}Tailwind CSS v4
@theme {
--color-alliance: #2b655f;
--color-alliance-50: #e2fbf8;
--color-alliance-100: #d2efec;
--color-alliance-200: #b8ddd9;
--color-alliance-300: #94c2bd;
--color-alliance-400: #74aba4;
--color-alliance-500: #53948c;
--color-alliance-600: #477d77;
--color-alliance-700: #39645f;
--color-alliance-800: #284945;
--color-alliance-900: #1b3330;
--color-alliance-950: #0b1f1c;
}SCSS
$alliance: #2b655f;
$alliance-rgb: 43, 101, 95;
$alliance-light: mix(#fff, $alliance, 20%);
$alliance-dark: mix(#000, $alliance, 20%);
.element {
color: $alliance;
box-shadow: 0 0 0 2px rgba($alliance, 0.35);
}