Benannte Farbe · #826167
Celine
Celine ist #826167: rgb(130 97 103), hsl(349 15% 45%), oklch(0.528 0.044 6.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Celine color name →
#826167
oklch(0.528 0.044 6.6)
Farbumrechnungen
- HEX
- #826167
- RGB
- rgb(130 97 103)
- HSL
- hsl(349 15% 45%)
- HWB
- hwb(349 38% 49%)
- OKLCH
- oklch(0.528 0.044 6.6)
- OKLab
- oklab(0.528 0.043 0.005)
- CIE Lab
- lab(44.74 14.52 2.07)
- LCH
- lch(44.74 14.66 8.1)
- CMYK
- cmyk(0% 25% 21% 49%)
Tints · Shades · Tones
Tints
- 8E7075
- 9A7F83
- A78E92
- B39DA1
- C0ADB0
- CCBDBF
- D9CDCF
- E5DEDF
- F2EEEF
Shades
- 705359
- 5F464B
- 4E393D
- 3E2D30
- 2F2123
- 201517
- 120B0C
- 060304
- 010000
Tones
- 826469
- 82676C
- 826A6E
- 826D71
- 827173
- 817476
- 817778
- 817A7B
- 807D7D
Farbharmonien
Komplementär +180°
- 826167
Celine
- 4E746F
≈ Tandayapa Cloud Forest
Analog -30° +30°
- 826167
Celine
- 7C6275
≈ Chicha Morada
- 82635A
≈ Smoked Almond
Triadisch +120° +240°
- 826167
Celine
- 657055
≈ Midnight Garden
- 576E83
≈ Blueberry Dream
Geteilt komplementär +150° +210°
- 826167
Celine
- 577361
≈ Painted Turtle
- 4E727C
≈ Tornado Season
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.44:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.85:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--celine: #826167;
--celine-rgb: 130 97 103;
--celine-oklch: oklch(0.528 0.044 6.6);
}
.element {
color: var(--celine);
background-color: hsl(349 15% 45%);
border-color: oklch(0.528 0.044 6.6);
}Tailwind CSS v4
@theme {
--color-celine: #826167;
--color-celine-50: #fff0f2;
--color-celine-100: #f6e2e5;
--color-celine-200: #e6cdd0;
--color-celine-300: #ccafb3;
--color-celine-400: #b6949a;
--color-celine-500: #a07a81;
--color-celine-600: #88686d;
--color-celine-700: #6d5357;
--color-celine-800: #503c40;
--color-celine-900: #38292c;
--color-celine-950: #221719;
}SCSS
$celine: #826167;
$celine-rgb: 130, 97, 103;
$celine-light: mix(#fff, $celine, 20%);
$celine-dark: mix(#000, $celine, 20%);
.element {
color: $celine;
box-shadow: 0 0 0 2px rgba($celine, 0.35);
}