Benannte Farbe · #234272
Cold Current
Cold Current ist #234272: rgb(35 66 114), hsl(216 53% 29%), oklch(0.381 0.09 258.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Cold Current color name →
#234272
oklch(0.381 0.09 258.9)
Farbumrechnungen
- HEX
- #234272
- RGB
- rgb(35 66 114)
- HSL
- hsl(216 53% 29%)
- HWB
- hwb(216 14% 55%)
- OKLCH
- oklch(0.381 0.09 258.9)
- OKLab
- oklab(0.381 -0.017 -0.089)
- CIE Lab
- lab(27.57 1.56 -31.69)
- LCH
- lch(27.57 31.73 272.8)
- CMYK
- cmyk(69% 42% 0% 55%)
Tints · Shades · Tones
Tints
- 375480
- 4B658E
- 60789C
- 758AAA
- 8B9DB8
- A1B0C6
- B8C3D4
- CFD7E2
- E7EBF1
Shades
- 1D3862
- 172F53
- 112544
- 0C1C36
- 071428
- 040B1B
- 01050E
- 000104
- 000001
Tones
- 2C4874
- 364F76
- 3F5577
- 485B79
- 51617B
- 5A687C
- 646E7D
- 6D747E
- 767A7F
Farbharmonien
Komplementär +180°
- 234272
Cold Current
- 593D00
≈ Pineapple
Analog -30° +30°
- 234272
Cold Current
- 004A62
≈ Stegadon Scale Green
- 42396F
≈ American Blue
Triadisch +120° +240°
- 234272
Cold Current
- 6B2C2F
≈ Spring Lobster Brown
- 274E1B
≈ Chestnut Green
Geteilt komplementär +150° +210°
- 234272
Cold Current
- 68310F
≈ Meatloaf
- 474600
≈ Green Not Found
Tetradisch +90° +180° +270°
- 234272
Cold Current
- 652C4A
≈ Witch Soup
- 593D00
≈ Pineapple
- 004F3B
≈ Raspberry Leaf Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.02:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.09:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.02:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--cold-current: #234272;
--cold-current-rgb: 35 66 114;
--cold-current-oklch: oklch(0.381 0.09 258.9);
}
.element {
color: var(--cold-current);
background-color: hsl(216 53% 29%);
border-color: oklch(0.381 0.09 258.9);
}Tailwind CSS v4
@theme {
--color-cold-current: #234272;
--color-cold-current-50: #e7f6ff;
--color-cold-current-100: #d7e9ff;
--color-cold-current-200: #bfd5fc;
--color-cold-current-300: #9db8e6;
--color-cold-current-400: #7ea0d4;
--color-cold-current-500: #6187c2;
--color-cold-current-600: #5272a4;
--color-cold-current-700: #425b83;
--color-cold-current-800: #2e4361;
--color-cold-current-900: #1f2e44;
--color-cold-current-950: #0f1b2c;
}SCSS
$cold-current: #234272;
$cold-current-rgb: 35, 66, 114;
$cold-current-light: mix(#fff, $cold-current, 20%);
$cold-current-dark: mix(#000, $cold-current, 20%);
.element {
color: $cold-current;
box-shadow: 0 0 0 2px rgba($cold-current, 0.35);
}