Colore con nome · #175844
Rousseau Green
Rousseau Green è #175844: rgb(23 88 68), hsl(162 59% 22%), oklch(0.414 0.073 168.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Rousseau Green color name →
#175844
oklch(0.414 0.073 168.3)
Conversioni di colore
- HEX
- #175844
- RGB
- rgb(23 88 68)
- HSL
- hsl(162 59% 22%)
- HWB
- hwb(162 9% 65%)
- OKLCH
- oklch(0.414 0.073 168.3)
- OKLab
- oklab(0.414 -0.071 0.015)
- CIE Lab
- lab(33 -25.26 5.47)
- LCH
- lch(33 25.85 167.8)
- CMYK
- cmyk(74% 0% 23% 65%)
Tinte · Ombre · Toni
Tinte
- 326755
- 497766
- 5F8778
- 75988A
- 8BA89C
- A2B9AF
- B9CAC3
- D0DCD6
- E7EDEB
Ombre
- 124B3A
- 0E3F30
- 0A3326
- 06281D
- 041D14
- 02120C
- 010905
- 000302
- 000000
Toni
- 265C4A
- 326050
- 3D6455
- 47685B
- 516C61
- 5B7067
- 64746D
- 6D7874
- 777C7A
Armonie di colore
Complementare +180°
- 175844
Rousseau Green
- 683A52
≈ Primitive Plum
Analogo -30° +30°
- 175844
Rousseau Green
- 37552D
≈ Ficus
- 005759
≈ Deep Sea Green
Triadico +120° +240°
- 175844
Rousseau Green
- 4A4571
≈ Dramatist
- 6B3E26
≈ Searing Gorge Brown
Complementare divisa +150° +210°
- 175844
Rousseau Green
- 5C3E65
≈ Kikyō Purple
- 6E3A3C
≈ Rubine
Tetradico +90° +180° +270°
- 175844
Rousseau Green
- 324C73
≈ Sailboat
- 683A52
≈ Primitive Plum
- 614616
≈ Mud Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.34:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.51:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--rousseau-green: #175844;
--rousseau-green-rgb: 23 88 68;
--rousseau-green-oklch: oklch(0.414 0.073 168.3);
}
.element {
color: var(--rousseau-green);
background-color: hsl(162 59% 22%);
border-color: oklch(0.414 0.073 168.3);
}Tailwind CSS v4
@theme {
--color-rousseau-green: #175844;
--color-rousseau-green-50: #e2fcf2;
--color-rousseau-green-100: #d1f0e4;
--color-rousseau-green-200: #b6dfd0;
--color-rousseau-green-300: #92c4b2;
--color-rousseau-green-400: #73ad96;
--color-rousseau-green-500: #51967d;
--color-rousseau-green-600: #457f6a;
--color-rousseau-green-700: #376555;
--color-rousseau-green-800: #284b3d;
--color-rousseau-green-900: #1b342a;
--color-rousseau-green-950: #0b1f17;
}SCSS
$rousseau-green: #175844;
$rousseau-green-rgb: 23, 88, 68;
$rousseau-green-light: mix(#fff, $rousseau-green, 20%);
$rousseau-green-dark: mix(#000, $rousseau-green, 20%);
.element {
color: $rousseau-green;
box-shadow: 0 0 0 2px rgba($rousseau-green, 0.35);
}