Benannte Farbe · #DB5A6B
Kōbai Red
Kōbai Red ist #DB5A6B: rgb(219 90 107), hsl(352 64% 61%), oklch(0.637 0.162 15). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Kōbai Red color name →
#DB5A6B
oklch(0.637 0.162 15)
Farbumrechnungen
- HEX
- #db5a6b
- RGB
- rgb(219 90 107)
- HSL
- hsl(352 64% 61%)
- HWB
- hwb(352 35% 14%)
- OKLCH
- oklch(0.637 0.162 15)
- OKLab
- oklab(0.637 0.156 0.042)
- CIE Lab
- lab(56.07 52.46 17.7)
- LCH
- lch(56.07 55.37 18.6)
- CMYK
- cmyk(0% 59% 51% 14%)
Tints · Shades · Tones
Tints
- E16C79
- E67D87
- EB8E95
- EF9EA4
- F3AFB3
- F7BFC2
- FACFD1
- FCDFE0
- FEEFEF
Shades
- BE4D5C
- A2414E
- 87353F
- 6D2932
- 541E25
- 3C1318
- 26090D
- 110304
- 020000
Tones
- D3606D
- CB656F
- C26972
- BA6E74
- B17176
- A87578
- 9F787A
- 957B7C
- 8B7E7E
Farbharmonien
Komplementär +180°
- DB5A6B
Kōbai Red
- 009F9F
≈ Pleasant Stream
Analog -30° +30°
- DB5A6B
Kōbai Red
- CD5DA1
≈ Crushed Berries
- D86427
≈ Tangerine Bliss
Triadisch +120° +240°
- DB5A6B
Kōbai Red
- 5DA02C
≈ Elven Olympics
- 3D8CEA
≈ Bleu de France
Geteilt komplementär +150° +210°
- DB5A6B
Kōbai Red
- 00A476
≈ Bluish Green
- 0099C2
≈ Atomic Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.68:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.68:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--kobai-red: #db5a6b;
--kobai-red-rgb: 219 90 107;
--kobai-red-oklch: oklch(0.637 0.162 15);
}
.element {
color: var(--kobai-red);
background-color: hsl(352 64% 61%);
border-color: oklch(0.637 0.162 15);
}Tailwind CSS v4
@theme {
--color-kobai-red: #db5a6b;
--color-kobai-red-50: #ffe3e5;
--color-kobai-red-100: #ffd3d5;
--color-kobai-red-200: #ffb8bb;
--color-kobai-red-300: #ff949a;
--color-kobai-red-400: #ee717f;
--color-kobai-red-500: #dc4d63;
--color-kobai-red-600: #ba4254;
--color-kobai-red-700: #953543;
--color-kobai-red-800: #6f2532;
--color-kobai-red-900: #4e1922;
--color-kobai-red-950: #340811;
}SCSS
$kobai-red: #db5a6b;
$kobai-red-rgb: 219, 90, 107;
$kobai-red-light: mix(#fff, $kobai-red, 20%);
$kobai-red-dark: mix(#000, $kobai-red, 20%);
.element {
color: $kobai-red;
box-shadow: 0 0 0 2px rgba($kobai-red, 0.35);
}