Benannte Farbe · #0F8B8E
Duvall
Duvall ist #0F8B8E: rgb(15 139 142), hsl(181 81% 31%), oklch(0.579 0.096 197.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Duvall color name →
#0F8B8E
oklch(0.579 0.096 197.6)
Farbumrechnungen
- HEX
- #0f8b8e
- RGB
- rgb(15 139 142)
- HSL
- hsl(181 81% 31%)
- HWB
- hwb(181 6% 44%)
- OKLCH
- oklch(0.579 0.096 197.6)
- OKLab
- oklab(0.579 -0.091 -0.029)
- CIE Lab
- lab(52.12 -30.71 -10.94)
- LCH
- lch(52.12 32.6 199.6)
- CMYK
- cmyk(89% 2% 0% 44%)
Tints · Shades · Tones
Tints
- 399699
- 54A2A4
- 6CADAF
- 82B9BA
- 97C4C5
- ACD0D1
- C1DCDC
- D5E7E8
- EAF3F3
Shades
- 0B787B
- 086668
- 055456
- 034344
- 023234
- 012324
- 001415
- 000707
- 000101
Tones
- 2A8A8D
- 3A898B
- 47888A
- 518789
- 5A8687
- 638586
- 6B8484
- 728383
- 798181
Farbharmonien
Komplementär +180°
- 0F8B8E
Duvall
- AB6165
≈ Spiced Tea
Analog -30° +30°
- 0F8B8E
Duvall
- 348C6F
≈ Leprechaun
- 2D85A6
≈ Blue Paisley
Triadisch +120° +240°
- 0F8B8E
Duvall
- 91679F
≈ Figue
- 997231
≈ Buttered Rum
Geteilt komplementär +150° +210°
- 0F8B8E
Duvall
- A36284
≈ Beryl Red
- A86746
≈ Amazonian
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.11:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.10:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.10:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--duvall: #0f8b8e;
--duvall-rgb: 15 139 142;
--duvall-oklch: oklch(0.579 0.096 197.6);
}
.element {
color: var(--duvall);
background-color: hsl(181 81% 31%);
border-color: oklch(0.579 0.096 197.6);
}Tailwind CSS v4
@theme {
--color-duvall: #0f8b8e;
--color-duvall-50: #d6feff;
--color-duvall-100: #c3f2f4;
--color-duvall-200: #a4e1e4;
--color-duvall-300: #79c7ca;
--color-duvall-400: #4eb0b2;
--color-duvall-500: #00999d;
--color-duvall-600: #0d8284;
--color-duvall-700: #0d686a;
--color-duvall-800: #064c4d;
--color-duvall-900: #053535;
--color-duvall-950: #002021;
}SCSS
$duvall: #0f8b8e;
$duvall-rgb: 15, 139, 142;
$duvall-light: mix(#fff, $duvall, 20%);
$duvall-dark: mix(#000, $duvall, 20%);
.element {
color: $duvall;
box-shadow: 0 0 0 2px rgba($duvall, 0.35);
}