En yakın adlandırılmış renk · #C7E2D7
#C7E2D7
En yakın adlandırılmış renk: Antiguan
#C7E2D7 (rgb(199 226 215), hsl(156 32% 83%), oklch(0.89 0.032 169.1)) en çok Antiguan adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C7E2D7
oklch(0.89 0.032 169.1)
Renk dönüşümleri
- HEX
- #c7e2d7
- RGB
- rgb(199 226 215)
- HSL
- hsl(156 32% 83%)
- HWB
- hwb(156 78% 11%)
- OKLCH
- oklch(0.89 0.032 169.1)
- OKLab
- oklab(0.89 -0.032 0.006)
- CIE Lab
- lab(87.65 -10.83 2.22)
- LCH
- lch(87.65 11.05 168.4)
- CMYK
- cmyk(12% 0% 5% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDE5DB
- D2E8DF
- D8EBE3
- DDEEE7
- E3F0EB
- E9F3EF
- EEF6F3
- F4F9F7
- F9FCFB
Koyu tonlar
- ADC4BB
- 93A89F
- 7A8C85
- 62716B
- 4C5752
- 363E3B
- 212725
- 0E1211
- 020302
Gri tonlar
- C0D8CE
- B8CEC5
- B1C4BC
- AABAB3
- A3B0AA
- 9CA6A2
- 959C99
- 8E9391
- 878988
Renk uyumları
Tamamlayıcı +180°
- C7E2D7
Antiguan
- ECD3DE
≈ Light Favourite Lady
Analog -30° +30°
- C7E2D7
Antiguan
- D0E0CC
≈ Endive
- C3E2E3
≈ Cold Wave
Üçlü +120° +240°
- C7E2D7
Antiguan
- D9D8EF
≈ Quartz
- EDD5C8
≈ Blush Beige
Bölünmüş tamamlayıcı +150° +210°
- C7E2D7
Antiguan
- E4D4E9
≈ Old Chalk
- F0D3D2
≈ Marshmallow Magic
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.28:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--antiguan: #c7e2d7;
--antiguan-rgb: 199 226 215;
--antiguan-oklch: oklch(0.89 0.032 169.1);
}
.element {
color: var(--antiguan);
background-color: hsl(156 32% 83%);
border-color: oklch(0.89 0.032 169.1);
}Tailwind CSS v4
@theme {
--color-antiguan: #c7e2d7;
--color-antiguan-50: #edf8f4;
--color-antiguan-100: #deece6;
--color-antiguan-200: #c7d9d2;
--color-antiguan-300: #a8bdb5;
--color-antiguan-400: #8da59b;
--color-antiguan-500: #728d82;
--color-antiguan-600: #60786e;
--color-antiguan-700: #4d6058;
--color-antiguan-800: #384640;
--color-antiguan-900: #26312c;
--color-antiguan-950: #151d19;
}SCSS
$antiguan: #c7e2d7;
$antiguan-rgb: 199, 226, 215;
$antiguan-light: mix(#fff, $antiguan, 20%);
$antiguan-dark: mix(#000, $antiguan, 20%);
.element {
color: $antiguan;
box-shadow: 0 0 0 2px rgba($antiguan, 0.35);
}