Colore con nome · #448811
Kelp Forest
Kelp Forest è #448811: rgb(68 136 17), hsl(94 78% 30%), oklch(0.56 0.159 136). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Kelp Forest color name →
#448811
oklch(0.56 0.159 136)
Conversioni di colore
- HEX
- #448811
- RGB
- rgb(68 136 17)
- HSL
- hsl(94 78% 30%)
- HWB
- hwb(94 7% 47%)
- OKLCH
- oklch(0.56 0.159 136)
- OKLab
- oklab(0.56 -0.115 0.111)
- CIE Lab
- lab(50.65 -37.09 49.62)
- LCH
- lch(50.65 61.95 126.8)
- CMYK
- cmyk(50% 0% 88% 47%)
Tinte · Ombre · Toni
Tinte
- 579434
- 6AA04E
- 7CAC65
- 8EB87B
- A1C491
- B3CFA6
- C6DBBC
- D9E7D2
- ECF3E9
Ombre
- 3A750D
- 306309
- 265206
- 1D4104
- 143102
- 0C2201
- 051300
- 020600
- 000100
Toni
- 4B8827
- 528735
- 598741
- 5F864C
- 658555
- 6A845E
- 708467
- 758270
- 7B8178
Armonie di colore
Complementare +180°
- 448811
Kelp Forest
- 9851B2
≈ Purpureus
Analogo -30° +30°
- 448811
Kelp Forest
- 7E7800
≈ Tool Green
- 008964
≈ Absinthe Turquoise
Triadico +120° +240°
- 448811
Kelp Forest
- 2973CF
≈ Bright Navy Blue
- BF4354
≈ Thai Spice
Complementare divisa +150° +210°
- 448811
Kelp Forest
- 6F61CC
≈ Dark Periwinkle
- B34688
≈ Orchid Ecstasy
Tetradico +90° +180° +270°
- 448811
Kelp Forest
- 0080A4
≈ Kingfisher Sheen
- 9851B2
≈ Purpureus
- BB4F00
≈ Crustose Lichen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.39:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.77:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--kelp-forest: #448811;
--kelp-forest-rgb: 68 136 17;
--kelp-forest-oklch: oklch(0.56 0.159 136);
}
.element {
color: var(--kelp-forest);
background-color: hsl(94 78% 30%);
border-color: oklch(0.56 0.159 136);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #448811;
--color-kelp-forest-50: #dfffd4;
--color-kelp-forest-100: #cef5c1;
--color-kelp-forest-200: #b3e5a2;
--color-kelp-forest-300: #8ecb79;
--color-kelp-forest-400: #71b34d;
--color-kelp-forest-500: #509c17;
--color-kelp-forest-600: #448418;
--color-kelp-forest-700: #366a14;
--color-kelp-forest-800: #294d07;
--color-kelp-forest-900: #1c3605;
--color-kelp-forest-950: #0c2100;
}SCSS
$kelp-forest: #448811;
$kelp-forest-rgb: 68, 136, 17;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}