Adlandırılmış renk · #AFC2CF
Boot Cut
Boot Cut, #AFC2CF: rgb(175 194 207), hsl(204 25% 75%), oklch(0.804 0.028 237.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Boot Cut color name →
#AFC2CF
oklch(0.804 0.028 237.7)
Renk dönüşümleri
- HEX
- #afc2cf
- RGB
- rgb(175 194 207)
- HSL
- hsl(204 25% 75%)
- HWB
- hwb(204 69% 19%)
- OKLCH
- oklch(0.804 0.028 237.7)
- OKLab
- oklab(0.804 -0.015 -0.023)
- CIE Lab
- lab(77.28 -4.7 -8.86)
- LCH
- lch(77.28 10.03 242)
- CMYK
- cmyk(15% 6% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B7C8D4
- BFCED9
- C7D4DD
- CFDAE2
- D6E0E7
- DFE6EC
- E7ECF0
- EFF3F5
- F7F9FA
Koyu tonlar
- 98A8B4
- 818F99
- 6B777F
- 566067
- 41494F
- 2E3438
- 1C2023
- 0B0E10
- 010202
Gri tonlar
- AABBC7
- A5B4BF
- A1AEB7
- 9CA7AF
- 97A0A7
- 939A9F
- 8E9397
- 898D8F
- 858688
Renk uyumları
Tamamlayıcı +180°
- AFC2CF
Boot Cut
- CDBBAE
≈ Windrift Beige
Analog -30° +30°
- AFC2CF
Boot Cut
- ABC4C8
≈ Blue Spruce
- B7BFD1
≈ Sweet Juliet
Üçlü +120° +240°
- AFC2CF
Boot Cut
- CFB8BF
≈ Blobfish
- BDC2AE
≈ Sidekick
Bölünmüş tamamlayıcı +150° +210°
- AFC2CF
Boot Cut
- D0B9B5
≈ Hushed Violet
- C6BEAB
≈ Kiln Clay
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.44:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--boot-cut: #afc2cf;
--boot-cut-rgb: 175 194 207;
--boot-cut-oklch: oklch(0.804 0.028 237.7);
}
.element {
color: var(--boot-cut);
background-color: hsl(204 25% 75%);
border-color: oklch(0.804 0.028 237.7);
}Tailwind CSS v4
@theme {
--color-boot-cut: #afc2cf;
--color-boot-cut-50: #eef6fc;
--color-boot-cut-100: #e0e9f0;
--color-boot-cut-200: #cad6df;
--color-boot-cut-300: #abbac4;
--color-boot-cut-400: #90a1ad;
--color-boot-cut-500: #768997;
--color-boot-cut-600: #64747f;
--color-boot-cut-700: #505d66;
--color-boot-cut-800: #39444b;
--color-boot-cut-900: #272f34;
--color-boot-cut-950: #151c1f;
}SCSS
$boot-cut: #afc2cf;
$boot-cut-rgb: 175, 194, 207;
$boot-cut-light: mix(#fff, $boot-cut, 20%);
$boot-cut-dark: mix(#000, $boot-cut, 20%);
.element {
color: $boot-cut;
box-shadow: 0 0 0 2px rgba($boot-cut, 0.35);
}