Adlandırılmış renk · #405852
Concealment
Concealment, #405852: rgb(64 88 82), hsl(165 16% 30%), oklch(0.439 0.031 177.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? → · Concealment color name →
#405852
oklch(0.439 0.031 177.7)
Renk dönüşümleri
- HEX
- #405852
- RGB
- rgb(64 88 82)
- HSL
- hsl(165 16% 30%)
- HWB
- hwb(165 25% 65%)
- OKLCH
- oklch(0.439 0.031 177.7)
- OKLab
- oklab(0.439 -0.031 0.001)
- CIE Lab
- lab(35.3 -10.55 0.38)
- LCH
- lch(35.3 10.56 177.9)
- CMYK
- cmyk(27% 0% 7% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 516762
- 637772
- 758782
- 889793
- 9BA8A4
- AEB9B6
- C2CAC8
- D6DBDA
- EAEDEC
Koyu tonlar
- 364B46
- 2D3F3B
- 24332F
- 1B2825
- 131D1A
- 0B1211
- 050908
- 010302
- 000000
Gri tonlar
- 465C56
- 4D605B
- 53645F
- 596864
- 606C69
- 66706D
- 6D7472
- 737877
- 7A7C7B
Renk uyumları
Tamamlayıcı +180°
- 405852
Concealment
- 614B52
≈ Sweet Currant
Analog -30° +30°
- 405852
Concealment
- 475749
≈ Vinca & Vine
- 3E575B
≈ Abysse
Üçlü +120° +240°
- 405852
Concealment
- 544F61
≈ Illusionist
- 604E42
≈ Ground Bean
Bölünmüş tamamlayıcı +150° +210°
- 405852
Concealment
- 5C4C5B
≈ Purple Fury
- 624C49
≈ French Roast
Dörtlü +90° +180° +270°
- 405852
Concealment
- 4B5264
≈ Mystical Shade
- 614B52
≈ Sweet Currant
- 59513F
≈ Pure Woody
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.67:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.73:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--concealment: #405852;
--concealment-rgb: 64 88 82;
--concealment-oklch: oklch(0.439 0.031 177.7);
}
.element {
color: var(--concealment);
background-color: hsl(165 16% 30%);
border-color: oklch(0.439 0.031 177.7);
}Tailwind CSS v4
@theme {
--color-concealment: #405852;
--color-concealment-50: #ecf8f5;
--color-concealment-100: #deebe8;
--color-concealment-200: #c7d9d4;
--color-concealment-300: #a7bdb8;
--color-concealment-400: #8ca59e;
--color-concealment-500: #718d86;
--color-concealment-600: #607771;
--color-concealment-700: #4c605b;
--color-concealment-800: #374642;
--color-concealment-900: #26302d;
--color-concealment-950: #141d1a;
}SCSS
$concealment: #405852;
$concealment-rgb: 64, 88, 82;
$concealment-light: mix(#fff, $concealment, 20%);
$concealment-dark: mix(#000, $concealment, 20%);
.element {
color: $concealment;
box-shadow: 0 0 0 2px rgba($concealment, 0.35);
}