Nazwany kolor · #C2D7AD
Jade Bracelet
Jade Bracelet to #C2D7AD: rgb(194 215 173), hsl(90 34% 76%), oklch(0.852 0.061 129.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Jade Bracelet color name →
#C2D7AD
oklch(0.852 0.061 129.3)
Konwersje koloru
- HEX
- #c2d7ad
- RGB
- rgb(194 215 173)
- HSL
- hsl(90 34% 76%)
- HWB
- hwb(90 68% 16%)
- OKLCH
- oklch(0.852 0.061 129.3)
- OKLab
- oklab(0.852 -0.039 0.047)
- CIE Lab
- lab(83.57 -12.85 18.34)
- LCH
- lch(83.57 22.39 125)
- CMYK
- cmyk(10% 0% 20% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8DBB5
- CEDFBD
- D4E3C5
- DAE7CE
- E0EBD6
- E6EFDE
- ECF3E6
- F3F7EE
- F9FBF7
Odcienie ciemniejsze
- A8BB96
- 8F9F7F
- 77856A
- 606B55
- 495241
- 343B2D
- 20251B
- 0E110B
- 020201
Tony
- BBCEA9
- B4C5A4
- AEBCA0
- A7B39B
- A0AB97
- 9AA292
- 93998E
- 8D9189
- 868885
Harmonie kolorów
Komplementarna +180°
- C2D7AD
Jade Bracelet
- DAC4ED
≈ Foggy Love
Analogowa -30° +30°
- C2D7AD
Jade Bracelet
- D8D0A2
≈ Cream Cheese Avocado
- ADDBC0
≈ Shanghai Jade
Triada +120° +240°
- C2D7AD
Jade Bracelet
- B1D3F6
≈ Ice Cold Stare
- F3BFC6
≈ Strawberry Confection
Komplementarna rozszczepiona +150° +210°
- C2D7AD
Jade Bracelet
- C6CBF7
≈ Lavender Blue
- EBC0DC
≈ Starlet Pink
Tetrada +90° +180° +270°
- C2D7AD
Jade Bracelet
- A2D9EA
≈ Nevada Sky
- DAC4ED
≈ Foggy Love
- F3C2B1
≈ Peach Temptation
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.61:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.61:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--jade-bracelet: #c2d7ad;
--jade-bracelet-rgb: 194 215 173;
--jade-bracelet-oklch: oklch(0.852 0.061 129.3);
}
.element {
color: var(--jade-bracelet);
background-color: hsl(90 34% 76%);
border-color: oklch(0.852 0.061 129.3);
}Tailwind CSS v4
@theme {
--color-jade-bracelet: #c2d7ad;
--color-jade-bracelet-50: #eff9e7;
--color-jade-bracelet-100: #e1ecd8;
--color-jade-bracelet-200: #cbdabf;
--color-jade-bracelet-300: #acbe9e;
--color-jade-bracelet-400: #93a680;
--color-jade-bracelet-500: #798e63;
--color-jade-bracelet-600: #677954;
--color-jade-bracelet-700: #526043;
--color-jade-bracelet-800: #3c462f;
--color-jade-bracelet-900: #2a3120;
--color-jade-bracelet-950: #171d10;
}SCSS
$jade-bracelet: #c2d7ad;
$jade-bracelet-rgb: 194, 215, 173;
$jade-bracelet-light: mix(#fff, $jade-bracelet, 20%);
$jade-bracelet-dark: mix(#000, $jade-bracelet, 20%);
.element {
color: $jade-bracelet;
box-shadow: 0 0 0 2px rgba($jade-bracelet, 0.35);
}