Nazwany kolor · #AAC0AD
Young Gecko
Young Gecko to #AAC0AD: rgb(170 192 173), hsl(128 15% 71%), oklch(0.786 0.036 149.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Young Gecko color name →
#AAC0AD
oklch(0.786 0.036 149.2)
Konwersje koloru
- HEX
- #aac0ad
- RGB
- rgb(170 192 173)
- HSL
- hsl(128 15% 71%)
- HWB
- hwb(128 67% 25%)
- OKLCH
- oklch(0.786 0.036 149.2)
- OKLab
- oklab(0.786 -0.031 0.018)
- CIE Lab
- lab(75.62 -10.52 6.95)
- LCH
- lch(75.62 12.61 146.6)
- CMYK
- cmyk(11% 0% 10% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2C6B5
- BBCCBD
- C3D3C5
- CBD9CD
- D4DFD5
- DCE5DE
- E5ECE6
- EEF2EE
- F6F9F7
Odcienie ciemniejsze
- 93A796
- 7D8E7F
- 68766A
- 535F55
- 3F4941
- 2D342D
- 1B201B
- 0B0E0B
- 010201
Tony
- A6B9A8
- A2B3A4
- 9DAC9F
- 99A69B
- 959F96
- 919992
- 8D938D
- 888C89
- 848684
Harmonie kolorów
Komplementarna +180°
- AAC0AD
Young Gecko
- C7B1C5
≈ Maverick
Analogowa -30° +30°
- AAC0AD
Young Gecko
- B6BDA3
≈ Dried Chervil
- A1C1BA
≈ Prized Celadon
Triada +120° +240°
- AAC0AD
Young Gecko
- B0B9D1
≈ Halogen Blue
- CFB1AC
≈ Garden Snail
Komplementarna rozszczepiona +150° +210°
- AAC0AD
Young Gecko
- BCB5CD
≈ Wedding Flowers
- CEB0B8
≈ Izmir Pink
Tetrada +90° +180° +270°
- AAC0AD
Young Gecko
- A5BDCE
≈ Sea Breeze
- C7B1C5
≈ Maverick
- CBB4A3
≈ Familiar Beige
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.85:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--young-gecko: #aac0ad;
--young-gecko-rgb: 170 192 173;
--young-gecko-oklch: oklch(0.786 0.036 149.2);
}
.element {
color: var(--young-gecko);
background-color: hsl(128 15% 71%);
border-color: oklch(0.786 0.036 149.2);
}Tailwind CSS v4
@theme {
--color-young-gecko: #aac0ad;
--color-young-gecko-50: #eef8f0;
--color-young-gecko-100: #e0ebe2;
--color-young-gecko-200: #cad9cd;
--color-young-gecko-300: #abbdae;
--color-young-gecko-400: #90a593;
--color-young-gecko-500: #768d79;
--color-young-gecko-600: #647767;
--color-young-gecko-700: #506052;
--color-young-gecko-800: #3a463b;
--color-young-gecko-900: #283029;
--color-young-gecko-950: #161d17;
}SCSS
$young-gecko: #aac0ad;
$young-gecko-rgb: 170, 192, 173;
$young-gecko-light: mix(#fff, $young-gecko, 20%);
$young-gecko-dark: mix(#000, $young-gecko, 20%);
.element {
color: $young-gecko;
box-shadow: 0 0 0 2px rgba($young-gecko, 0.35);
}