Colore con nome · #DB5A6B
Kōbai Red
Kōbai Red è #DB5A6B: rgb(219 90 107), hsl(352 64% 61%), oklch(0.637 0.162 15). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Kōbai Red color name →
#DB5A6B
oklch(0.637 0.162 15)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E16C79
- E67D87
- EB8E95
- EF9EA4
- F3AFB3
- F7BFC2
- FACFD1
- FCDFE0
- FEEFEF
Ombre
- BE4D5C
- A2414E
- 87353F
- 6D2932
- 541E25
- 3C1318
- 26090D
- 110304
- 020000
Toni
- D3606D
- CB656F
- C26972
- BA6E74
- B17176
- A87578
- 9F787A
- 957B7C
- 8B7E7E
Armonie di colore
Complementare +180°
- DB5A6B
Kōbai Red
- 009F9F
≈ Pleasant Stream
Analogo -30° +30°
- DB5A6B
Kōbai Red
- CD5DA1
≈ Crushed Berries
- D86427
≈ Tangerine Bliss
Triadico +120° +240°
- DB5A6B
Kōbai Red
- 5DA02C
≈ Elven Olympics
- 3D8CEA
≈ Bleu de France
Complementare divisa +150° +210°
- DB5A6B
Kōbai Red
- 00A476
≈ Bluish Green
- 0099C2
≈ Atomic Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.69:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.68:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.68:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
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);
}