Adlandırılmış renk · #27252A
Darth Vader
Darth Vader, #27252A: rgb(39 37 42), hsl(264 6% 15%), oklch(0.269 0.01 303.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? → · Darth Vader color name →
#27252A
oklch(0.269 0.01 303.8)
Renk dönüşümleri
- HEX
- #27252a
- RGB
- rgb(39 37 42)
- HSL
- hsl(264 6% 15%)
- HWB
- hwb(264 15% 84%)
- OKLCH
- oklch(0.269 0.01 303.8)
- OKLab
- oklab(0.269 0.005 -0.008)
- CIE Lab
- lab(15.05 1.88 -2.97)
- LCH
- lch(15.05 3.52 302.3)
- CMYK
- cmyk(7% 12% 0% 84%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39373C
- 4C4B4F
- 615F63
- 757478
- 8B8A8D
- A1A0A3
- B8B7B9
- CFCED0
- E7E7E7
Koyu tonlar
- 201F23
- 1A191C
- 141316
- 0E0D10
- 08080A
- 040405
- 020202
- 010001
- 000000
Gri tonlar
- 2F2D32
- 37363A
- 403E42
- 49474B
- 515053
- 5A595C
- 646365
- 6D6C6E
- 767677
Renk uyumları
Tamamlayıcı +180°
- 27252A
Darth Vader
- 252722
≈ Bitter Liquorice
Analog -30° +30°
- 27252A
Darth Vader
- 24262B
≈ Black Beauty
- 292428
≈ Darth Vader
Üçlü +120° +240°
- 27252A
Darth Vader
- 2A2521
≈ Gold Black
- 212827
≈ Bitter Liquorice
Bölünmüş tamamlayıcı +150° +210°
- 27252A
Darth Vader
- 282621
≈ Bokara Grey
- 232824
≈ Bitter Liquorice
Dörtlü +90° +180° +270°
- 27252A
Darth Vader
- 2B2523
≈ Gold Black
- 252722
≈ Bitter Liquorice
- 212729
≈ Washed Black
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.16:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.38:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.16:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--darth-vader: #27252a;
--darth-vader-rgb: 39 37 42;
--darth-vader-oklch: oklch(0.269 0.01 303.8);
}
.element {
color: var(--darth-vader);
background-color: hsl(264 6% 15%);
border-color: oklch(0.269 0.01 303.8);
}Tailwind CSS v4
@theme {
--color-darth-vader: #27252a;
--color-darth-vader-50: #f6f4f7;
--color-darth-vader-100: #e8e7ea;
--color-darth-vader-200: #d5d3d7;
--color-darth-vader-300: #b8b6bb;
--color-darth-vader-400: #9f9da3;
--color-darth-vader-500: #87858b;
--color-darth-vader-600: #737076;
--color-darth-vader-700: #5c5a5e;
--color-darth-vader-800: #434245;
--color-darth-vader-900: #2e2d30;
--color-darth-vader-950: #1b1a1c;
}SCSS
$darth-vader: #27252a;
$darth-vader-rgb: 39, 37, 42;
$darth-vader-light: mix(#fff, $darth-vader, 20%);
$darth-vader-dark: mix(#000, $darth-vader, 20%);
.element {
color: $darth-vader;
box-shadow: 0 0 0 2px rgba($darth-vader, 0.35);
}