Benannte Farbe · #2B3F36
Celtic
Celtic ist #2B3F36: rgb(43 63 54), hsl(153 19% 21%), oklch(0.348 0.03 165.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Celtic color name →
#2B3F36
oklch(0.348 0.03 165.1)
Farbumrechnungen
- HEX
- #2b3f36
- RGB
- rgb(43 63 54)
- HSL
- hsl(153 19% 21%)
- HWB
- hwb(153 17% 75%)
- OKLCH
- oklch(0.348 0.03 165.1)
- OKLab
- oklab(0.348 -0.029 0.008)
- CIE Lab
- lab(24.72 -10.02 2.85)
- LCH
- lch(24.72 10.42 164.1)
- CMYK
- cmyk(32% 0% 14% 75%)
Tints · Shades · Tones
Tints
- 3E5047
- 51625A
- 65746D
- 798680
- 8E9994
- A4ADA9
- BAC1BE
- D1D5D3
- E8EAE9
Shades
- 24352E
- 1D2C25
- 16231E
- 101B16
- 0A120F
- 050A08
- 020403
- 010101
- 000000
Tones
- 33453D
- 3B4B44
- 44524B
- 4C5852
- 545F5A
- 5D6561
- 666C69
- 6E7270
- 777978
Farbharmonien
Komplementär +180°
- 2B3F36
Celtic
- 46343D
≈ Fireworks
Analog -30° +30°
- 2B3F36
Celtic
- 333E2E
≈ Aged Pine
- 273F3F
≈ Sunken Cascades
Triadisch +120° +240°
- 2B3F36
Celtic
- 383849
≈ Martinique
- 47352D
≈ Tobago
Geteilt komplementär +150° +210°
- 2B3F36
Celtic
- 403545
≈ Royal Decree
- 483435
≈ Rhinox Hide
Tetradisch +90° +180° +270°
- 2B3F36
Celtic
- 2F3B4A
≈ Dark Spell
- 46343D
≈ Fireworks
- 433828
≈ Loam
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.24:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.86:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.24:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--celtic: #2b3f36;
--celtic-rgb: 43 63 54;
--celtic-oklch: oklch(0.348 0.03 165.1);
}
.element {
color: var(--celtic);
background-color: hsl(153 19% 21%);
border-color: oklch(0.348 0.03 165.1);
}Tailwind CSS v4
@theme {
--color-celtic: #2b3f36;
--color-celtic-50: #eef8f3;
--color-celtic-100: #dfebe6;
--color-celtic-200: #c9d9d1;
--color-celtic-300: #aabdb4;
--color-celtic-400: #8fa49a;
--color-celtic-500: #748d81;
--color-celtic-600: #63776d;
--color-celtic-700: #4f5f57;
--color-celtic-800: #39463f;
--color-celtic-900: #27302c;
--color-celtic-950: #151d19;
}SCSS
$celtic: #2b3f36;
$celtic-rgb: 43, 63, 54;
$celtic-light: mix(#fff, $celtic, 20%);
$celtic-dark: mix(#000, $celtic, 20%);
.element {
color: $celtic;
box-shadow: 0 0 0 2px rgba($celtic, 0.35);
}