Adlandırılmış renk · #C3D9CB
Snow Goose
Snow Goose, #C3D9CB: rgb(195 217 203), hsl(142 22% 81%), oklch(0.865 0.03 157.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Snow Goose color name →
#C3D9CB
oklch(0.865 0.03 157.8)
Renk dönüşümleri
- HEX
- #c3d9cb
- RGB
- rgb(195 217 203)
- HSL
- hsl(142 22% 81%)
- HWB
- hwb(142 76% 15%)
- OKLCH
- oklch(0.865 0.03 157.8)
- OKLab
- oklab(0.865 -0.028 0.011)
- CIE Lab
- lab(84.74 -9.61 4.29)
- LCH
- lch(84.74 10.52 155.9)
- CMYK
- cmyk(10% 0% 6% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9DDD0
- CFE1D5
- D5E4DA
- DBE8E0
- E1ECE5
- E7F0EA
- EDF4EF
- F3F7F4
- F9FBFA
Koyu tonlar
- A9BCB0
- 90A196
- 78867D
- 606C65
- 4A534D
- 343B37
- 202522
- 0E110F
- 020202
Gri tonlar
- BCD0C3
- B5C7BC
- AEBDB4
- A8B4AC
- A1ABA5
- 9AA39D
- 949A96
- 8D918E
- 878987
Renk uyumları
Tamamlayıcı +180°
- C3D9CB
Snow Goose
- E1CBDA
≈ Diva Girl
Analog -30° +30°
- C3D9CB
Snow Goose
- CDD7C2
≈ Hawthorne
- BDD9D6
≈ Silent River
Üçlü +120° +240°
- C3D9CB
Snow Goose
- CDD1E7
≈ Artistic Violet
- E5CCC5
≈ Pout
Bölünmüş tamamlayıcı +150° +210°
- C3D9CB
Snow Goose
- D8CEE2
≈ Mountain’s Majesty
- E5CBCF
≈ Cool Pink
Dörtlü +90° +180° +270°
- C3D9CB
Snow Goose
- C4D5E6
≈ Light Ridge Light
- E1CBDA
≈ Diva Girl
- E0CFBE
≈ Shetland Lace
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.10:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--snow-goose: #c3d9cb;
--snow-goose-rgb: 195 217 203;
--snow-goose-oklch: oklch(0.865 0.03 157.8);
}
.element {
color: var(--snow-goose);
background-color: hsl(142 22% 81%);
border-color: oklch(0.865 0.03 157.8);
}Tailwind CSS v4
@theme {
--color-snow-goose: #c3d9cb;
--color-snow-goose-50: #eef8f2;
--color-snow-goose-100: #e0ebe4;
--color-snow-goose-200: #cad8d0;
--color-snow-goose-300: #abbcb2;
--color-snow-goose-400: #90a498;
--color-snow-goose-500: #768d7e;
--color-snow-goose-600: #64776b;
--color-snow-goose-700: #505f56;
--color-snow-goose-800: #3a463e;
--color-snow-goose-900: #28302b;
--color-snow-goose-950: #161c18;
}SCSS
$snow-goose: #c3d9cb;
$snow-goose-rgb: 195, 217, 203;
$snow-goose-light: mix(#fff, $snow-goose, 20%);
$snow-goose-dark: mix(#000, $snow-goose, 20%);
.element {
color: $snow-goose;
box-shadow: 0 0 0 2px rgba($snow-goose, 0.35);
}