Benannte Farbe · #426579
Noshime Flower
Noshime Flower ist #426579: rgb(66 101 121), hsl(202 29% 37%), oklch(0.488 0.052 234.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Noshime Flower color name →
#426579
oklch(0.488 0.052 234.3)
Farbumrechnungen
- HEX
- #426579
- RGB
- rgb(66 101 121)
- HSL
- hsl(202 29% 37%)
- HWB
- hwb(202 26% 53%)
- OKLCH
- oklch(0.488 0.052 234.3)
- OKLab
- oklab(0.488 -0.03 -0.042)
- CIE Lab
- lab(40.74 -8.68 -15.46)
- LCH
- lch(40.74 17.73 240.7)
- CMYK
- cmyk(45% 17% 0% 53%)
Tints · Shades · Tones
Tints
- 547386
- 668293
- 7891A0
- 8AA0AD
- 9DAFBA
- B0BFC8
- C3CFD5
- D7DEE3
- EBEFF1
Shades
- 385768
- 2F4958
- 253C48
- 1C2F39
- 14222B
- 0B171D
- 050C10
- 010305
- 000001
Tones
- 49687A
- 4F6B7B
- 556D7B
- 5C707C
- 62737D
- 68757E
- 6E787E
- 747B7F
- 7A7D7F
Farbharmonien
Komplementär +180°
- 426579
Noshime Flower
- 775844
≈ Chocolate Caliente
Analog -30° +30°
- 426579
Noshime Flower
- 3A696E
≈ Aquarium
- 51607E
≈ Sapphire Earbobs
Triadisch +120° +240°
- 426579
Noshime Flower
- 785462
≈ Passive Royal
- 5F6441
≈ Aloe Leaf
Geteilt komplementär +150° +210°
- 426579
Noshime Flower
- 7B5551
≈ Cranberry Red
- 6E5E3E
≈ Uniform Brown
Tetradisch +90° +180° +270°
- 426579
Noshime Flower
- 6F5671
≈ Cembra Blossom
- 775844
≈ Chocolate Caliente
- 4E684E
≈ Sabal Palm
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.23:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.36:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--noshime-flower: #426579;
--noshime-flower-rgb: 66 101 121;
--noshime-flower-oklch: oklch(0.488 0.052 234.3);
}
.element {
color: var(--noshime-flower);
background-color: hsl(202 29% 37%);
border-color: oklch(0.488 0.052 234.3);
}Tailwind CSS v4
@theme {
--color-noshime-flower: #426579;
--color-noshime-flower-50: #e8f8ff;
--color-noshime-flower-100: #d8ebf7;
--color-noshime-flower-200: #c0d8e8;
--color-noshime-flower-300: #9fbccf;
--color-noshime-flower-400: #81a4b9;
--color-noshime-flower-500: #648ca4;
--color-noshime-flower-600: #55778a;
--color-noshime-flower-700: #445f6f;
--color-noshime-flower-800: #304651;
--color-noshime-flower-900: #213039;
--color-noshime-flower-950: #101c23;
}SCSS
$noshime-flower: #426579;
$noshime-flower-rgb: 66, 101, 121;
$noshime-flower-light: mix(#fff, $noshime-flower, 20%);
$noshime-flower-dark: mix(#000, $noshime-flower, 20%);
.element {
color: $noshime-flower;
box-shadow: 0 0 0 2px rgba($noshime-flower, 0.35);
}