Colore con nome · #35836A
Dream Green
Dream Green è #35836A: rgb(53 131 106), hsl(161 42% 36%), oklch(0.554 0.087 169.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Dream Green color name →
#35836A
oklch(0.554 0.087 169.1)
Conversioni di colore
- HEX
- #35836a
- RGB
- rgb(53 131 106)
- HSL
- hsl(161 42% 36%)
- HWB
- hwb(161 21% 49%)
- OKLCH
- oklch(0.554 0.087 169.1)
- OKLab
- oklab(0.554 -0.085 0.016)
- CIE Lab
- lab(49.42 -29.91 6.05)
- LCH
- lch(49.42 30.51 168.6)
- CMYK
- cmyk(60% 0% 19% 49%)
Tinte · Ombre · Toni
Tinte
- 4C8F78
- 619B86
- 75A794
- 89B3A3
- 9CC0B2
- B0CCC1
- C3D9D0
- D7E5DF
- EBF2EF
Ombre
- 2D715B
- 25604D
- 1D4F3F
- 153F31
- 0E2F24
- 082018
- 03120D
- 010604
- 000100
Toni
- 40836C
- 49836E
- 518371
- 598273
- 608275
- 678277
- 6E8179
- 74817C
- 7A817E
Armonie di colore
Complementare +180°
- 35836A
Dream Green
- 995D7B
≈ Rose Wine
Analogo -30° +30°
- 35836A
Dream Green
- 587F4D
≈ Rambling Green
- 1E8286
≈ Riviera Sea
Triadico +120° +240°
- 35836A
Dream Green
- 716AA2
≈ Inner Journey
- 9C6344
≈ Mocha Bisque
Complementare divisa +150° +210°
- 35836A
Dream Green
- 896293
≈ Pomp and Power
- 9F5D5E
≈ Pizza Pie
Tetradico +90° +180° +270°
- 35836A
Dream Green
- 5373A5
≈ Blue Chamber
- 995D7B
≈ Rose Wine
- 8E6C32
≈ Mango Squash
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.55:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.60:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.60:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--dream-green: #35836a;
--dream-green-rgb: 53 131 106;
--dream-green-oklch: oklch(0.554 0.087 169.1);
}
.element {
color: var(--dream-green);
background-color: hsl(161 42% 36%);
border-color: oklch(0.554 0.087 169.1);
}Tailwind CSS v4
@theme {
--color-dream-green: #35836a;
--color-dream-green-50: #defef2;
--color-dream-green-100: #ccf2e4;
--color-dream-green-200: #b0e1cf;
--color-dream-green-300: #8ac6b1;
--color-dream-green-400: #67af96;
--color-dream-green-500: #41997c;
--color-dream-green-600: #398169;
--color-dream-green-700: #2d6754;
--color-dream-green-800: #204c3c;
--color-dream-green-900: #153529;
--color-dream-green-950: #062017;
}SCSS
$dream-green: #35836a;
$dream-green-rgb: 53, 131, 106;
$dream-green-light: mix(#fff, $dream-green, 20%);
$dream-green-dark: mix(#000, $dream-green, 20%);
.element {
color: $dream-green;
box-shadow: 0 0 0 2px rgba($dream-green, 0.35);
}