Colore con nome · #006442
Aotake Bamboo
Aotake Bamboo è #006442: rgb(0 100 66), hsl(160 100% 20%), oklch(0.445 0.098 161.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Aotake Bamboo color name →
#006442
oklch(0.445 0.098 161.5)
Conversioni di colore
- HEX
- #006442
- RGB
- rgb(0 100 66)
- HSL
- hsl(160 100% 20%)
- HWB
- hwb(160 0% 61%)
- OKLCH
- oklch(0.445 0.098 161.5)
- OKLab
- oklab(0.445 -0.093 0.031)
- CIE Lab
- lab(36.87 -33.24 11.93)
- LCH
- lch(36.87 35.32 160.3)
- CMYK
- cmyk(100% 0% 34% 61%)
Tinte · Ombre · Toni
Tinte
- 2B7353
- 458265
- 5D9176
- 74A089
- 8BAF9C
- A1BFAF
- B8CFC2
- D0DFD6
- E7EFEA
Ombre
- 005638
- 00482F
- 003B25
- 002E1C
- 002214
- 00160B
- 000B05
- 000301
- 000000
Toni
- 1D6748
- 2D6A4E
- 3A6D54
- 45705A
- 507361
- 5A7567
- 64786D
- 6D7B73
- 777D7A
Armonie di colore
Complementare +180°
- 006442
Aotake Bamboo
- 773C63
≈ Burnt Orchid
Analogo -30° +30°
- 006442
Aotake Bamboo
- 3F5F1F
≈ Rainforest Matcha
- 00615E
≈ Emerald Stone
Triadico +120° +240°
- 006442
Aotake Bamboo
- 4B4C88
≈ Beaded Blue
- 803F25
≈ Coppery Orange
Complementare divisa +150° +210°
- 006442
Aotake Bamboo
- 65427B
≈ Pageantry Purple
- 813A46
≈ Ripe Rhubarb
Tetradico +90° +180° +270°
- 006442
Aotake Bamboo
- 255688
≈ Strong Will
- 773C63
≈ Burnt Orchid
- 744900
≈ Antique Bronze
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.23:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.90:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.23:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--aotake-bamboo: #006442;
--aotake-bamboo-rgb: 0 100 66;
--aotake-bamboo-oklch: oklch(0.445 0.098 161.5);
}
.element {
color: var(--aotake-bamboo);
background-color: hsl(160 100% 20%);
border-color: oklch(0.445 0.098 161.5);
}Tailwind CSS v4
@theme {
--color-aotake-bamboo: #006442;
--color-aotake-bamboo-50: #ddffed;
--color-aotake-bamboo-100: #cbf3df;
--color-aotake-bamboo-200: #aee2c9;
--color-aotake-bamboo-300: #88c8a9;
--color-aotake-bamboo-400: #66b18c;
--color-aotake-bamboo-500: #3e9a71;
--color-aotake-bamboo-600: #368260;
--color-aotake-bamboo-700: #2b684d;
--color-aotake-bamboo-800: #1f4d36;
--color-aotake-bamboo-900: #153525;
--color-aotake-bamboo-950: #062014;
}SCSS
$aotake-bamboo: #006442;
$aotake-bamboo-rgb: 0, 100, 66;
$aotake-bamboo-light: mix(#fff, $aotake-bamboo, 20%);
$aotake-bamboo-dark: mix(#000, $aotake-bamboo, 20%);
.element {
color: $aotake-bamboo;
box-shadow: 0 0 0 2px rgba($aotake-bamboo, 0.35);
}