Nazwany kolor · #AFCDC7
Andean Opal Green
Andean Opal Green to #AFCDC7: rgb(175 205 199), hsl(168 23% 75%), oklch(0.824 0.033 182). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Andean Opal Green color name →
#AFCDC7
oklch(0.824 0.033 182)
Konwersje koloru
- HEX
- #afcdc7
- RGB
- rgb(175 205 199)
- HSL
- hsl(168 23% 75%)
- HWB
- hwb(168 69% 20%)
- OKLCH
- oklch(0.824 0.033 182)
- OKLab
- oklab(0.824 -0.033 -0.001)
- CIE Lab
- lab(80.05 -11.3 -0.55)
- LCH
- lch(80.05 11.31 182.8)
- CMYK
- cmyk(15% 0% 3% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B7D2CC
- BFD7D2
- C7DCD8
- CFE1DD
- D7E6E3
- DFEBE8
- E7F0EE
- EFF5F4
- F7FAF9
Odcienie ciemniejsze
- 98B2AD
- 819893
- 6B7E7A
- 566662
- 414E4C
- 2E3836
- 1C2321
- 0B0F0E
- 010202
Tony
- AAC5C0
- A6BDB8
- A1B5B1
- 9CADAA
- 98A6A3
- 939E9C
- 8E9695
- 898F8E
- 858787
Harmonie kolorów
Komplementarna +180°
- AFCDC7
Andean Opal Green
- D9BDC4
≈ Magnolia White
Analogowa -30° +30°
- AFCDC7
Andean Opal Green
- B6CCBB
≈ Subtle Green
- AECCD2
≈ Pallid Blue
Triada +120° +240°
- AFCDC7
Andean Opal Green
- C9C1D8
≈ Awesome Aura
- D6C1B0
≈ Autumn Haze
Komplementarna rozszczepiona +150° +210°
- AFCDC7
Andean Opal Green
- D3BECF
≈ Tamed Beauty
- DABEB8
≈ Rosario Ridge
Tetrada +90° +180° +270°
- AFCDC7
Andean Opal Green
- BEC5DC
≈ Violet Scent Soft Blue
- D9BDC4
≈ Magnolia White
- CDC5AE
≈ Prairie Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.38:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--andean-opal-green: #afcdc7;
--andean-opal-green-rgb: 175 205 199;
--andean-opal-green-oklch: oklch(0.824 0.033 182);
}
.element {
color: var(--andean-opal-green);
background-color: hsl(168 23% 75%);
border-color: oklch(0.824 0.033 182);
}Tailwind CSS v4
@theme {
--color-andean-opal-green: #afcdc7;
--color-andean-opal-green-50: #ebf8f6;
--color-andean-opal-green-100: #dcece9;
--color-andean-opal-green-200: #c6d9d6;
--color-andean-opal-green-300: #a6bdb9;
--color-andean-opal-green-400: #8aa5a0;
--color-andean-opal-green-500: #6e8e88;
--color-andean-opal-green-600: #5e7873;
--color-andean-opal-green-700: #4b605c;
--color-andean-opal-green-800: #364643;
--color-andean-opal-green-900: #25312e;
--color-andean-opal-green-950: #131d1b;
}SCSS
$andean-opal-green: #afcdc7;
$andean-opal-green-rgb: 175, 205, 199;
$andean-opal-green-light: mix(#fff, $andean-opal-green, 20%);
$andean-opal-green-dark: mix(#000, $andean-opal-green, 20%);
.element {
color: $andean-opal-green;
box-shadow: 0 0 0 2px rgba($andean-opal-green, 0.35);
}