Colore con nome · #1F6357
Humboldt Redwoods
Humboldt Redwoods è #1F6357: rgb(31 99 87), hsl(169 52% 25%), oklch(0.454 0.07 179). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Humboldt Redwoods color name →
#1F6357
oklch(0.454 0.07 179)
Conversioni di colore
- HEX
- #1f6357
- RGB
- rgb(31 99 87)
- HSL
- hsl(169 52% 25%)
- HWB
- hwb(169 12% 61%)
- OKLCH
- oklch(0.454 0.07 179)
- OKLab
- oklab(0.454 -0.07 0.001)
- CIE Lab
- lab(37.53 -24.5 0.28)
- LCH
- lch(37.53 24.5 179.4)
- CMYK
- cmyk(69% 0% 12% 61%)
Tinte · Ombre · Toni
Tinte
- 397266
- 4F8076
- 659086
- 7A9F96
- 90AEA7
- A6BEB8
- BCCEC9
- D2DEDB
- E8EEED
Ombre
- 19554B
- 14473E
- 0F3A33
- 0A2E27
- 06211C
- 031612
- 010B08
- 000303
- 000000
Toni
- 2D665B
- 38695F
- 426C63
- 4C6F67
- 55726B
- 5E756F
- 677873
- 6F7A78
- 787D7C
Armonie di colore
Complementare +180°
- 1F6357
Humboldt Redwoods
- 764555
≈ Deep Carmine
Analogo -30° +30°
- 1F6357
Humboldt Redwoods
- 396140
≈ Cupidity
- 18616B
≈ Peacock Tail
Triadico +120° +240°
- 1F6357
Humboldt Redwoods
- 5C4D78
≈ Saffron Crocus
- 734C2C
≈ Chocolate Rain
Complementare divisa +150° +210°
- 1F6357
Humboldt Redwoods
- 6C486A
≈ Sultana
- 79473F
≈ Texas Sweet Tea
Tetradico +90° +180° +270°
- 1F6357
Humboldt Redwoods
- 46547E
≈ Mozart
- 764555
≈ Deep Carmine
- 665424
≈ Field Drab
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.04:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.98:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--humboldt-redwoods: #1f6357;
--humboldt-redwoods-rgb: 31 99 87;
--humboldt-redwoods-oklch: oklch(0.454 0.07 179);
}
.element {
color: var(--humboldt-redwoods);
background-color: hsl(169 52% 25%);
border-color: oklch(0.454 0.07 179);
}Tailwind CSS v4
@theme {
--color-humboldt-redwoods: #1f6357;
--color-humboldt-redwoods-50: #e1fcf6;
--color-humboldt-redwoods-100: #d0f0e9;
--color-humboldt-redwoods-200: #b4dfd6;
--color-humboldt-redwoods-300: #90c4b9;
--color-humboldt-redwoods-400: #6fac9f;
--color-humboldt-redwoods-500: #4c9687;
--color-humboldt-redwoods-600: #427e72;
--color-humboldt-redwoods-700: #34655b;
--color-humboldt-redwoods-800: #254a42;
--color-humboldt-redwoods-900: #19342d;
--color-humboldt-redwoods-950: #091f1a;
}SCSS
$humboldt-redwoods: #1f6357;
$humboldt-redwoods-rgb: 31, 99, 87;
$humboldt-redwoods-light: mix(#fff, $humboldt-redwoods, 20%);
$humboldt-redwoods-dark: mix(#000, $humboldt-redwoods, 20%);
.element {
color: $humboldt-redwoods;
box-shadow: 0 0 0 2px rgba($humboldt-redwoods, 0.35);
}