Colore con nome · #2BAF6A
Jade Powder
Jade Powder è #2BAF6A: rgb(43 175 106), hsl(149 61% 43%), oklch(0.668 0.151 155). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Jade Powder color name →
#2BAF6A
oklch(0.668 0.151 155)
Conversioni di colore
- HEX
- #2baf6a
- RGB
- rgb(43 175 106)
- HSL
- hsl(149 61% 43%)
- HWB
- hwb(149 17% 31%)
- OKLCH
- oklch(0.668 0.151 155)
- OKLab
- oklab(0.668 -0.137 0.064)
- CIE Lab
- lab(63.46 -48.39 25.01)
- LCH
- lch(63.46 54.47 152.7)
- CMYK
- cmyk(75% 0% 39% 31%)
Tinte · Ombre · Toni
Tinte
- 4BB779
- 64C087
- 7AC896
- 8ED0A5
- A2D8B3
- B5E0C2
- C8E8D1
- DAEFE0
- EDF7F0
Ombre
- 24985B
- 1D814D
- 166B3F
- 105631
- 0A4124
- 052E18
- 021C0D
- 010B04
- 000100
Toni
- 3DAB6D
- 4AA66F
- 54A172
- 5D9D74
- 649876
- 6B9478
- 718F7A
- 768A7C
- 7B857E
Armonie di colore
Complementare +180°
- 2BAF6A
Jade Powder
- CC6DB9
≈ Gulābī Pink
Analogo -30° +30°
- 2BAF6A
Jade Powder
- 80A429
≈ Spring Vegetables
- 00AC9E
≈ Billiard
Triadico +120° +240°
- 2BAF6A
Jade Powder
- 7B8AF0
≈ Lavender Blue Shadow
- E16D51
≈ Dusty Orange
Complementare divisa +150° +210°
- 2BAF6A
Jade Powder
- AA7ADE
≈ Lavender Blossom
- DF6888
≈ Kiss Me More
Tetradico +90° +180° +270°
- 2BAF6A
Jade Powder
- 2C9CEA
≈ Button Blue
- CC6DB9
≈ Gulābī Pink
- D27E00
≈ Autumn Leaf Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.82:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.44:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--jade-powder: #2baf6a;
--jade-powder-rgb: 43 175 106;
--jade-powder-oklch: oklch(0.668 0.151 155);
}
.element {
color: var(--jade-powder);
background-color: hsl(149 61% 43%);
border-color: oklch(0.668 0.151 155);
}Tailwind CSS v4
@theme {
--color-jade-powder: #2baf6a;
--color-jade-powder-50: #d3ffe4;
--color-jade-powder-100: #bff8d4;
--color-jade-powder-200: #9de8ba;
--color-jade-powder-300: #6fcf98;
--color-jade-powder-400: #43b876;
--color-jade-powder-500: #00a257;
--color-jade-powder-600: #00894a;
--color-jade-powder-700: #006e3b;
--color-jade-powder-800: #005127;
--color-jade-powder-900: #02381a;
--color-jade-powder-950: #00230b;
}SCSS
$jade-powder: #2baf6a;
$jade-powder-rgb: 43, 175, 106;
$jade-powder-light: mix(#fff, $jade-powder, 20%);
$jade-powder-dark: mix(#000, $jade-powder, 20%);
.element {
color: $jade-powder;
box-shadow: 0 0 0 2px rgba($jade-powder, 0.35);
}