Najbliższy nazwany kolor · #A2D4B6
#A2D4B6
Najbliższy nazwany kolor: Quiet Jade
#A2D4B6 (rgb(162 212 182), hsl(144 37% 73%), oklch(0.827 0.067 158.2)) jest najbliższy nazwanemu kolorowi Quiet Jade. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A2D4B6
oklch(0.827 0.067 158.2)
Konwersje koloru
- HEX
- #a2d4b6
- RGB
- rgb(162 212 182)
- HSL
- hsl(144 37% 73%)
- HWB
- hwb(144 64% 17%)
- OKLCH
- oklch(0.827 0.067 158.2)
- OKLab
- oklab(0.827 -0.062 0.025)
- CIE Lab
- lab(80.78 -21.43 9.36)
- LCH
- lch(80.78 23.38 156.4)
- CMYK
- cmyk(24% 0% 14% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABD8BD
- B5DDC4
- BEE1CC
- C8E5D3
- D1EADA
- DAEEE1
- E3F2E9
- EDF6F0
- F6FBF8
Odcienie ciemniejsze
- 8CB89E
- 779D86
- 63836F
- 4F6959
- 3C5144
- 2A3A30
- 19241D
- 0A100C
- 010202
Tony
- 9FCBB0
- 9CC3AB
- 98BAA6
- 95B2A0
- 92A99B
- 8EA195
- 8B9990
- 87908B
- 848885
Harmonie kolorów
Komplementarna +180°
- A2D4B6
Quiet Jade
- E4B6D5
≈ Pink Gems
Analogowa -30° +30°
- A2D4B6
Quiet Jade
- B9CFA1
≈ Apium
- 93D5CE
≈ Summer Soft Blue
Triada +120° +240°
- A2D4B6
Quiet Jade
- BCC3F2
≈ Vodka
- EEB8A7
≈ Jovial
Komplementarna rozszczepiona +150° +210°
- A2D4B6
Quiet Jade
- D2BBE8
≈ Drifting Dream
- EEB5BE
≈ Frozen Veins
Tetrada +90° +180° +270°
- A2D4B6
Quiet Jade
- A5CBF0
≈ Baby Blue Eyes
- E4B6D5
≈ Pink Gems
- E4BF98
≈ Laksa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.62:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--quiet-jade: #a2d4b6;
--quiet-jade-rgb: 162 212 182;
--quiet-jade-oklch: oklch(0.827 0.067 158.2);
}
.element {
color: var(--quiet-jade);
background-color: hsl(144 37% 73%);
border-color: oklch(0.827 0.067 158.2);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a2d4b6;
--color-quiet-jade-50: #e6fbef;
--color-quiet-jade-100: #d6efe0;
--color-quiet-jade-200: #bddecb;
--color-quiet-jade-300: #9ac2ac;
--color-quiet-jade-400: #7dab90;
--color-quiet-jade-500: #5f9475;
--color-quiet-jade-600: #517d64;
--color-quiet-jade-700: #40644f;
--color-quiet-jade-800: #2f4939;
--color-quiet-jade-900: #203327;
--color-quiet-jade-950: #0f1f15;
}SCSS
$quiet-jade: #a2d4b6;
$quiet-jade-rgb: 162, 212, 182;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}