Benannte Farbe · #225869
Bright Nautilus
Bright Nautilus ist #225869: rgb(34 88 105), hsl(194 51% 27%), oklch(0.432 0.063 221.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Bright Nautilus color name →
#225869
oklch(0.432 0.063 221.9)
Farbumrechnungen
- HEX
- #225869
- RGB
- rgb(34 88 105)
- HSL
- hsl(194 51% 27%)
- HWB
- hwb(194 13% 59%)
- OKLCH
- oklch(0.432 0.063 221.9)
- OKLab
- oklab(0.432 -0.047 -0.042)
- CIE Lab
- lab(34.41 -14.05 -15.43)
- LCH
- lch(34.41 20.86 227.7)
- CMYK
- cmyk(68% 16% 0% 59%)
Tints · Shades · Tones
Tints
- 396777
- 4F7785
- 648794
- 7998A3
- 8FA8B2
- A5B9C1
- BBCAD0
- D1DCDF
- E8EDEF
Shades
- 1C4B5A
- 163F4C
- 11333E
- 0B2831
- 071D24
- 031218
- 01090C
- 000304
- 000000
Tones
- 2E5C6B
- 38606E
- 426470
- 4B6873
- 546C75
- 5D7077
- 667479
- 6F787C
- 777C7E
Farbharmonien
Komplementär +180°
- 225869
Bright Nautilus
- 6E4435
≈ Noble Chocolate
Analog -30° +30°
- 225869
Bright Nautilus
- 1C5B59
≈ Dark Turquoise
- 365272
≈ Aerostatics
Triadisch +120° +240°
- 225869
Bright Nautilus
- 68425A
≈ Prune Purple
- 575226
≈ West Coast
Geteilt komplementär +150° +210°
- 225869
Bright Nautilus
- 6E4247
≈ Legal Ribbon
- 664A27
≈ Dallas
Tetradisch +90° +180° +270°
- 225869
Bright Nautilus
- 5C4669
≈ Velvet Beret
- 6E4435
≈ Noble Chocolate
- 435833
≈ Trefoil
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.87:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.66:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--bright-nautilus: #225869;
--bright-nautilus-rgb: 34 88 105;
--bright-nautilus-oklch: oklch(0.432 0.063 221.9);
}
.element {
color: var(--bright-nautilus);
background-color: hsl(194 51% 27%);
border-color: oklch(0.432 0.063 221.9);
}Tailwind CSS v4
@theme {
--color-bright-nautilus: #225869;
--color-bright-nautilus-50: #e3faff;
--color-bright-nautilus-100: #d3edf8;
--color-bright-nautilus-200: #b8dbe8;
--color-bright-nautilus-300: #95bfcf;
--color-bright-nautilus-400: #75a7b9;
--color-bright-nautilus-500: #5490a4;
--color-bright-nautilus-600: #487a8b;
--color-bright-nautilus-700: #39616f;
--color-bright-nautilus-800: #284851;
--color-bright-nautilus-900: #1b3239;
--color-bright-nautilus-950: #0b1e23;
}SCSS
$bright-nautilus: #225869;
$bright-nautilus-rgb: 34, 88, 105;
$bright-nautilus-light: mix(#fff, $bright-nautilus, 20%);
$bright-nautilus-dark: mix(#000, $bright-nautilus, 20%);
.element {
color: $bright-nautilus;
box-shadow: 0 0 0 2px rgba($bright-nautilus, 0.35);
}