Benannte Farbe · #00629A
Atlantic Mystique
Atlantic Mystique ist #00629A: rgb(0 98 154), hsl(202 100% 30%), oklch(0.478 0.118 244). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Atlantic Mystique color name →
#00629A
oklch(0.478 0.118 244)
Farbumrechnungen
- HEX
- #00629a
- RGB
- rgb(0 98 154)
- HSL
- hsl(202 100% 30%)
- HWB
- hwb(202 0% 40%)
- OKLCH
- oklch(0.478 0.118 244)
- OKLab
- oklab(0.478 -0.052 -0.106)
- CIE Lab
- lab(39.1 -7.96 -38)
- LCH
- lch(39.1 38.83 258.2)
- CMYK
- cmyk(100% 36% 0% 40%)
Tints · Shades · Tones
Tints
- 2B71A5
- 4681AF
- 5D90B9
- 74A0C3
- 8BAFCE
- A2BFD8
- B9CFE2
- D0DFEB
- E7EFF5
Shades
- 005485
- 004771
- 003A5E
- 002D4B
- 002139
- 001627
- 000B17
- 000309
- 000001
Tones
- 1D6698
- 2D6996
- 3A6C93
- 466F91
- 50728F
- 5A758C
- 647889
- 6E7B86
- 777D83
Farbharmonien
Komplementär +180°
- 00629A
Atlantic Mystique
- 864D00
≈ Gédéon Brown
Analog -30° +30°
- 00629A
Atlantic Mystique
- 00697A
≈ Teal With It
- 49559F
≈ Nuthatch Back
Triadisch +120° +240°
- 00629A
Atlantic Mystique
- 913C55
≈ Ancient Magenta
- 4F6702
≈ Serrano Pepper
Geteilt komplementär +150° +210°
- 00629A
Atlantic Mystique
- 94402D
≈ Brick Paver
- 6F5B00
≈ Hot Mustard
Tetradisch +90° +180° +270°
- 00629A
Atlantic Mystique
- 844078
≈ Sister Loganberry Frost
- 864D00
≈ Gédéon Brown
- 07703D
≈ Dartmouth Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.53:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.21:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--atlantic-mystique: #00629a;
--atlantic-mystique-rgb: 0 98 154;
--atlantic-mystique-oklch: oklch(0.478 0.118 244);
}
.element {
color: var(--atlantic-mystique);
background-color: hsl(202 100% 30%);
border-color: oklch(0.478 0.118 244);
}Tailwind CSS v4
@theme {
--color-atlantic-mystique: #00629a;
--color-atlantic-mystique-50: #daf9ff;
--color-atlantic-mystique-100: #c8edff;
--color-atlantic-mystique-200: #abdaff;
--color-atlantic-mystique-300: #84bef1;
--color-atlantic-mystique-400: #5ca6df;
--color-atlantic-mystique-500: #318dce;
--color-atlantic-mystique-600: #2c77ae;
--color-atlantic-mystique-700: #23608c;
--color-atlantic-mystique-800: #144667;
--color-atlantic-mystique-900: #0d3149;
--color-atlantic-mystique-950: #011d30;
}SCSS
$atlantic-mystique: #00629a;
$atlantic-mystique-rgb: 0, 98, 154;
$atlantic-mystique-light: mix(#fff, $atlantic-mystique, 20%);
$atlantic-mystique-dark: mix(#000, $atlantic-mystique, 20%);
.element {
color: $atlantic-mystique;
box-shadow: 0 0 0 2px rgba($atlantic-mystique, 0.35);
}