Benannte Farbe · #27275F
Deep Breath
Deep Breath ist #27275F: rgb(39 39 95), hsl(240 42% 26%), oklch(0.308 0.097 279). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Deep Breath color name →
#27275F
oklch(0.308 0.097 279)
Farbumrechnungen
- HEX
- #27275f
- RGB
- rgb(39 39 95)
- HSL
- hsl(240 42% 26%)
- HWB
- hwb(240 15% 63%)
- OKLCH
- oklch(0.308 0.097 279)
- OKLab
- oklab(0.308 0.015 -0.096)
- CIE Lab
- lab(18.36 14.27 -34.13)
- LCH
- lch(18.36 36.99 292.7)
- CMYK
- cmyk(59% 59% 0% 63%)
Tints · Shades · Tones
Tints
- 383B6F
- 4B4F7F
- 5F648E
- 74789E
- 898EAE
- A0A4BE
- B7BACE
- CED0DE
- E6E8EF
Shades
- 202052
- 1A1A44
- 141438
- 0E0E2C
- 080820
- 040415
- 02020A
- 010103
- 000000
Tones
- 2E3063
- 363967
- 3F426A
- 474B6E
- 505471
- 595C75
- 636578
- 6C6E7B
- 76777D
Farbharmonien
Komplementär +180°
- 27275F
Deep Breath
- 383000
≈ Hidden Passage
Analog -30° +30°
- 27275F
Deep Breath
- 003158
≈ Effervescent Blue
- 3E1E54
≈ Obsidian Orchid
Triadisch +120° +240°
- 27275F
Deep Breath
- 561801
≈ Baragon Brown
- 003A22
≈ Off-Road Green
Geteilt komplementär +150° +210°
- 27275F
Deep Breath
- 452800
≈ Ibex Brown
- 223700
≈ Blind Forest
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.62:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.54:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.62:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--deep-breath: #27275f;
--deep-breath-rgb: 39 39 95;
--deep-breath-oklch: oklch(0.308 0.097 279);
}
.element {
color: var(--deep-breath);
background-color: hsl(240 42% 26%);
border-color: oklch(0.308 0.097 279);
}Tailwind CSS v4
@theme {
--color-deep-breath: #27275f;
--color-deep-breath-50: #f0f3ff;
--color-deep-breath-100: #e1e5ff;
--color-deep-breath-200: #ccd0fe;
--color-deep-breath-300: #aeb2e9;
--color-deep-breath-400: #9299d7;
--color-deep-breath-500: #797fc6;
--color-deep-breath-600: #666ba7;
--color-deep-breath-700: #515686;
--color-deep-breath-800: #3a3f64;
--color-deep-breath-900: #282b46;
--color-deep-breath-950: #16182e;
}SCSS
$deep-breath: #27275f;
$deep-breath-rgb: 39, 39, 95;
$deep-breath-light: mix(#fff, $deep-breath, 20%);
$deep-breath-dark: mix(#000, $deep-breath, 20%);
.element {
color: $deep-breath;
box-shadow: 0 0 0 2px rgba($deep-breath, 0.35);
}