Najbliższy nazwany kolor · #2F4268
#2F4268
Najbliższy nazwany kolor: Forlorn Cruise
#2F4268 (rgb(47 66 104), hsl(220 38% 30%), oklch(0.382 0.07 263.3)) jest najbliższy nazwanemu kolorowi Forlorn Cruise. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2F4268
oklch(0.382 0.07 263.3)
Konwersje koloru
- HEX
- #2f4268
- RGB
- rgb(47 66 104)
- HSL
- hsl(220 38% 30%)
- HWB
- hwb(220 18% 59%)
- OKLCH
- oklch(0.382 0.07 263.3)
- OKLab
- oklab(0.382 -0.008 -0.069)
- CIE Lab
- lab(27.78 1.6 -24.96)
- LCH
- lch(27.78 25.01 273.7)
- CMYK
- cmyk(55% 37% 0% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 415377
- 546585
- 687794
- 7C89A3
- 909CB2
- A6AFC1
- BBC3D0
- D1D6E0
- E8EBEF
Odcienie ciemniejsze
- 273859
- 202F4B
- 19253E
- 121C30
- 0C1424
- 060B18
- 03050C
- 010104
- 000000
Tony
- 37486B
- 3E4E6D
- 465570
- 4E5B73
- 566175
- 5E6777
- 676D7A
- 6F737C
- 777A7E
Harmonie kolorów
Komplementarna +180°
- 2F4268
Forlorn Cruise
- 553F0E
≈ Smoked Oak Brown
Analogowa -30° +30°
- 2F4268
Forlorn Cruise
- 124962
≈ Swallow Blue
- 453B64
≈ Mulberry Purple
Triada +120° +240°
- 2F4268
Forlorn Cruise
- 633331
≈ War God
- 2B4C29
≈ Cal Poly Pomona Green
Komplementarna rozszczepiona +150° +210°
- 2F4268
Forlorn Cruise
- 5F381C
≈ Carnaby Tan
- 434716
≈ Alligator Gladiator
Tetrada +90° +180° +270°
- 2F4268
Forlorn Cruise
- 5F3246
≈ Grape Wine
- 553F0E
≈ Smoked Oak Brown
- 084F3F
≈ Urban Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.99:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.10:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.99:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--forlorn-cruise: #2f4268;
--forlorn-cruise-rgb: 47 66 104;
--forlorn-cruise-oklch: oklch(0.382 0.07 263.3);
}
.element {
color: var(--forlorn-cruise);
background-color: hsl(220 38% 30%);
border-color: oklch(0.382 0.07 263.3);
}Tailwind CSS v4
@theme {
--color-forlorn-cruise: #2f4268;
--color-forlorn-cruise-50: #ecf5ff;
--color-forlorn-cruise-100: #dde8ff;
--color-forlorn-cruise-200: #c6d4f3;
--color-forlorn-cruise-300: #a6b7dc;
--color-forlorn-cruise-400: #899fc8;
--color-forlorn-cruise-500: #6e86b5;
--color-forlorn-cruise-600: #5d7299;
--color-forlorn-cruise-700: #4a5b7b;
--color-forlorn-cruise-800: #35435b;
--color-forlorn-cruise-900: #242e3f;
--color-forlorn-cruise-950: #131b28;
}SCSS
$forlorn-cruise: #2f4268;
$forlorn-cruise-rgb: 47, 66, 104;
$forlorn-cruise-light: mix(#fff, $forlorn-cruise, 20%);
$forlorn-cruise-dark: mix(#000, $forlorn-cruise, 20%);
.element {
color: $forlorn-cruise;
box-shadow: 0 0 0 2px rgba($forlorn-cruise, 0.35);
}