Adlandırılmış renk · #C9D6C2
French Limestone
French Limestone, #C9D6C2: rgb(201 214 194), hsl(99 20% 80%), oklch(0.861 0.031 134.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · French Limestone color name →
#C9D6C2
oklch(0.861 0.031 134.4)
Renk dönüşümleri
- HEX
- #c9d6c2
- RGB
- rgb(201 214 194)
- HSL
- hsl(99 20% 80%)
- HWB
- hwb(99 76% 16%)
- OKLCH
- oklch(0.861 0.031 134.4)
- OKLab
- oklab(0.861 -0.021 0.022)
- CIE Lab
- lab(84.21 -7.26 8.33)
- LCH
- lch(84.21 11.05 131.1)
- CMYK
- cmyk(6% 0% 9% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CEDAC8
- D4DECE
- D9E2D4
- DEE6DA
- E4EAE0
- E9EEE6
- EFF3EC
- F4F7F3
- FAFBF9
Koyu tonlar
- AEBAA8
- 959E8F
- 7C8477
- 646A60
- 4C5249
- 363B34
- 222520
- 0F100E
- 020202
Gri tonlar
- C1CDBB
- BAC4B4
- B3BBAE
- ABB3A7
- A4AAA0
- 9DA19A
- 959993
- 8E918D
- 878886
Renk uyumları
Tamamlayıcı +180°
- C9D6C2
French Limestone
- D9CCDF
≈ Violet Mist
Analog -30° +30°
- C9D6C2
French Limestone
- D4D3BC
≈ Barest Celadon
- C0D8CC
≈ Silverton
Üçlü +120° +240°
- C9D6C2
French Limestone
- C4D3E5
≈ Surf’s Surprise
- E5CACB
≈ Pink Spinel
Bölünmüş tamamlayıcı +150° +210°
- C9D6C2
French Limestone
- CECFE5
≈ Wildflower Prairie
- E1CAD6
≈ Diva Girl
Dörtlü +90° +180° +270°
- C9D6C2
French Limestone
- BDD6E0
≈ Bridgewater Bay
- D9CCDF
≈ Violet Mist
- E3CBC1
≈ Belle of the Ball
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.88:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--french-limestone: #c9d6c2;
--french-limestone-rgb: 201 214 194;
--french-limestone-oklch: oklch(0.861 0.031 134.4);
}
.element {
color: var(--french-limestone);
background-color: hsl(99 20% 80%);
border-color: oklch(0.861 0.031 134.4);
}Tailwind CSS v4
@theme {
--color-french-limestone: #c9d6c2;
--color-french-limestone-50: #f1f7ef;
--color-french-limestone-100: #e3eae0;
--color-french-limestone-200: #ced7cb;
--color-french-limestone-300: #b0bbac;
--color-french-limestone-400: #97a391;
--color-french-limestone-500: #7e8b77;
--color-french-limestone-600: #6b7665;
--color-french-limestone-700: #555e50;
--color-french-limestone-800: #3e453a;
--color-french-limestone-900: #2b3028;
--color-french-limestone-950: #181c16;
}SCSS
$french-limestone: #c9d6c2;
$french-limestone-rgb: 201, 214, 194;
$french-limestone-light: mix(#fff, $french-limestone, 20%);
$french-limestone-dark: mix(#000, $french-limestone, 20%);
.element {
color: $french-limestone;
box-shadow: 0 0 0 2px rgba($french-limestone, 0.35);
}