Color con nombre · #ADBA98
Chrysoprase
Chrysoprase es #ADBA98: rgb(173 186 152), hsl(83 20% 66%), oklch(0.77 0.049 124.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Chrysoprase color name →
#ADBA98
oklch(0.77 0.049 124.6)
Conversiones de color
- HEX
- #adba98
- RGB
- rgb(173 186 152)
- HSL
- hsl(83 20% 66%)
- HWB
- hwb(83 60% 27%)
- OKLCH
- oklch(0.77 0.049 124.6)
- OKLab
- oklab(0.77 -0.028 0.04)
- CIE Lab
- lab(73.81 -9.21 15.72)
- LCH
- lch(73.81 18.22 120.4)
- CMYK
- cmyk(7% 0% 18% 27%)
Tintes · Sombras · Tonos
Tintes
- B5C1A2
- BDC8AC
- C5CEB6
- CDD5C0
- D5DCCB
- DDE3D5
- E6EADF
- EEF1EA
- F7F8F4
Sombras
- 96A184
- 7F8970
- 6A725C
- 555C4A
- 414638
- 2D3227
- 1B1E17
- 0B0D08
- 010201
Tonos
- A8B496
- A4AE93
- 9FA891
- 9BA28F
- 969D8C
- 92978A
- 8D9187
- 898B85
- 848682
Armonías de color
Complementario +180°
- ADBA98
Chrysoprase
- BBADCE
≈ Jacey’s Favourite
Análogo -30° +30°
- ADBA98
Chrysoprase
- BEB491
≈ Wasabi Powder
- 9CBEA6
≈ Reeds
Triádico +120° +240°
- ADBA98
Chrysoprase
- 9AB8D2
≈ Novella Blue
- D1A8B0
≈ Foxy Lady
Complementario dividido +150° +210°
- ADBA98
Chrysoprase
- AAB2D4
≈ Pixie Violet
- C9A9C1
≈ Safflower Wisteria
Tetrádico +90° +180° +270°
- ADBA98
Chrysoprase
- 91BDC8
≈ Squirt
- BBADCE
≈ Jacey’s Favourite
- D1AA9F
≈ Art Deco Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.25:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.25:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--chrysoprase: #adba98;
--chrysoprase-rgb: 173 186 152;
--chrysoprase-oklch: oklch(0.77 0.049 124.6);
}
.element {
color: var(--chrysoprase);
background-color: hsl(83 20% 66%);
border-color: oklch(0.77 0.049 124.6);
}Tailwind CSS v4
@theme {
--color-chrysoprase: #adba98;
--color-chrysoprase-50: #f1f8e9;
--color-chrysoprase-100: #e3ebda;
--color-chrysoprase-200: #cfd8c2;
--color-chrysoprase-300: #b1bca2;
--color-chrysoprase-400: #98a484;
--color-chrysoprase-500: #7f8c68;
--color-chrysoprase-600: #6b7759;
--color-chrysoprase-700: #565f47;
--color-chrysoprase-800: #3f4532;
--color-chrysoprase-900: #2b3022;
--color-chrysoprase-950: #191c11;
}SCSS
$chrysoprase: #adba98;
$chrysoprase-rgb: 173, 186, 152;
$chrysoprase-light: mix(#fff, $chrysoprase, 20%);
$chrysoprase-dark: mix(#000, $chrysoprase, 20%);
.element {
color: $chrysoprase;
box-shadow: 0 0 0 2px rgba($chrysoprase, 0.35);
}