Colore con nome · #1B4D3E
Brunswick Green
Brunswick Green è #1B4D3E: rgb(27 77 62), hsl(162 48% 20%), oklch(0.382 0.06 170.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Brunswick Green color name →
#1B4D3E
oklch(0.382 0.06 170.3)
Conversioni di colore
- HEX
- #1b4d3e
- RGB
- rgb(27 77 62)
- HSL
- hsl(162 48% 20%)
- HWB
- hwb(162 11% 70%)
- OKLCH
- oklch(0.382 0.06 170.3)
- OKLab
- oklab(0.382 -0.059 0.01)
- CIE Lab
- lab(29.05 -20.72 3.69)
- LCH
- lch(29.05 21.04 169.9)
- CMYK
- cmyk(65% 0% 19% 70%)
Tinte · Ombre · Toni
Tinte
- 325D4F
- 486E61
- 5E7F73
- 749086
- 8AA299
- A1B4AC
- B8C6C0
- CFD9D5
- E7ECEA
Ombre
- 164235
- 11372B
- 0C2C23
- 08221A
- 051812
- 020F0A
- 010704
- 000201
- 000000
Toni
- 275244
- 32574B
- 3C5C51
- 466157
- 50665E
- 5A6B65
- 63716B
- 6D7672
- 767B79
Armonie di colore
Complementare +180°
- 1B4D3E
Brunswick Green
- 5B3547
≈ Italian Plum
Analogo -30° +30°
- 1B4D3E
Brunswick Green
- 314B2C
≈ Nettle Green
- 0D4C4F
≈ Port Malmesbury
Triadico +120° +240°
- 1B4D3E
Brunswick Green
- 423D60
≈ Storm Is Coming
- 5C3924
≈ Carnaby Tan
Complementare divisa +150° +210°
- 1B4D3E
Brunswick Green
- 513856
≈ Dark Blackberry
- 5F3535
≈ Sommelier
Tetradico +90° +180° +270°
- 1B4D3E
Brunswick Green
- 304363
≈ Black Turmeric
- 5B3547
≈ Italian Plum
- 533F1A
≈ Smoked Oak Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.64:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.17:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.64:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--brunswick-green: #1b4d3e;
--brunswick-green-rgb: 27 77 62;
--brunswick-green-oklch: oklch(0.382 0.06 170.3);
}
.element {
color: var(--brunswick-green);
background-color: hsl(162 48% 20%);
border-color: oklch(0.382 0.06 170.3);
}Tailwind CSS v4
@theme {
--color-brunswick-green: #1b4d3e;
--color-brunswick-green-50: #e5fbf3;
--color-brunswick-green-100: #d5efe6;
--color-brunswick-green-200: #bcddd1;
--color-brunswick-green-300: #99c2b4;
--color-brunswick-green-400: #7baa99;
--color-brunswick-green-500: #5c9380;
--color-brunswick-green-600: #4e7d6d;
--color-brunswick-green-700: #3e6457;
--color-brunswick-green-800: #2d493e;
--color-brunswick-green-900: #1e332b;
--color-brunswick-green-950: #0e1e18;
}SCSS
$brunswick-green: #1b4d3e;
$brunswick-green-rgb: 27, 77, 62;
$brunswick-green-light: mix(#fff, $brunswick-green, 20%);
$brunswick-green-dark: mix(#000, $brunswick-green, 20%);
.element {
color: $brunswick-green;
box-shadow: 0 0 0 2px rgba($brunswick-green, 0.35);
}