Nächste benannte Farbe · #007D9D
#007D9D
Nächste benannte Farbe: Pacific Pleasure
#007D9D (rgb(0 125 157), hsl(192 100% 31%), oklch(0.548 0.103 223.9)) liegt am nächsten an der benannten Farbe Pacific Pleasure. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#007D9D
oklch(0.548 0.103 223.9)
Farbumrechnungen
- HEX
- #007d9d
- RGB
- rgb(0 125 157)
- HSL
- hsl(192 100% 31%)
- HWB
- hwb(192 0% 38%)
- OKLCH
- oklch(0.548 0.103 223.9)
- OKLab
- oklab(0.548 -0.074 -0.071)
- CIE Lab
- lab(47.94 -21.05 -25.98)
- LCH
- lch(47.94 33.44 231)
- CMYK
- cmyk(100% 20% 0% 38%)
Tints · Shades · Tones
Tints
- 328AA7
- 4E97B1
- 66A3BA
- 7CB0C4
- 92BDCE
- A8CAD8
- BED7E2
- D3E4EB
- E9F2F5
Shades
- 006C88
- 005B73
- 004B5F
- 003B4C
- 002C3A
- 001E28
- 001118
- 000509
- 000101
Tones
- 237E9A
- 347E98
- 417F95
- 4C7F92
- 567F8F
- 60808C
- 688089
- 718086
- 788083
Farbharmonien
Komplementär +180°
- 007D9D
Pacific Pleasure
- A25B3C
≈ Ground Nutmeg
Analog -30° +30°
- 007D9D
Pacific Pleasure
- 008281
≈ Windows 95 Desktop
- 4473AB
≈ Sail On
Triadisch +120° +240°
- 007D9D
Pacific Pleasure
- 9A5780
≈ Feminism
- 7B731F
≈ Wood Garlic
Geteilt komplementär +150° +210°
- 007D9D
Pacific Pleasure
- A4565F
≈ Beef Jerky
- 94671F
≈ Armageddon Dunes
Tetradisch +90° +180° +270°
- 007D9D
Pacific Pleasure
- 875E9B
≈ Wisteria Purple
- A25B3C
≈ Ground Nutmeg
- 577E3D
≈ Hot Pepper Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.75:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.42:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--pacific-pleasure: #007d9d;
--pacific-pleasure-rgb: 0 125 157;
--pacific-pleasure-oklch: oklch(0.548 0.103 223.9);
}
.element {
color: var(--pacific-pleasure);
background-color: hsl(192 100% 31%);
border-color: oklch(0.548 0.103 223.9);
}Tailwind CSS v4
@theme {
--color-pacific-pleasure: #007d9d;
--color-pacific-pleasure-50: #d7fcff;
--color-pacific-pleasure-100: #c4f0ff;
--color-pacific-pleasure-200: #a5def6;
--color-pacific-pleasure-300: #7cc3e0;
--color-pacific-pleasure-400: #51abcb;
--color-pacific-pleasure-500: #1294b8;
--color-pacific-pleasure-600: #167d9c;
--color-pacific-pleasure-700: #13647d;
--color-pacific-pleasure-800: #084a5c;
--color-pacific-pleasure-900: #063340;
--color-pacific-pleasure-950: #001f29;
}SCSS
$pacific-pleasure: #007d9d;
$pacific-pleasure-rgb: 0, 125, 157;
$pacific-pleasure-light: mix(#fff, $pacific-pleasure, 20%);
$pacific-pleasure-dark: mix(#000, $pacific-pleasure, 20%);
.element {
color: $pacific-pleasure;
box-shadow: 0 0 0 2px rgba($pacific-pleasure, 0.35);
}