Adlandırılmış renk · #314A49
Frontier
Frontier, #314A49: rgb(49 74 73), hsl(178 20% 24%), oklch(0.388 0.031 192.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Frontier color name →
#314A49
oklch(0.388 0.031 192.8)
Renk dönüşümleri
- HEX
- #314a49
- RGB
- rgb(49 74 73)
- HSL
- hsl(178 20% 24%)
- HWB
- hwb(178 19% 71%)
- OKLCH
- oklch(0.388 0.031 192.8)
- OKLab
- oklab(0.388 -0.03 -0.007)
- CIE Lab
- lab(29.4 -10.13 -2.64)
- LCH
- lch(29.4 10.47 194.6)
- CMYK
- cmyk(34% 0% 1% 71%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 445A59
- 576B6A
- 6A7C7B
- 7E8E8D
- 92A09F
- A7B2B2
- BDC5C4
- D2D8D8
- E8EBEB
Koyu tonlar
- 293F3E
- 223534
- 1A2A2A
- 132020
- 0C1717
- 060E0E
- 030606
- 010202
- 000000
Gri tonlar
- 394F4E
- 415454
- 485A59
- 505F5E
- 586564
- 606A69
- 686F6F
- 707575
- 787A7A
Renk uyumları
Tamamlayıcı +180°
- 314A49
Frontier
- 543E40
≈ Budapest Brown
Analog -30° +30°
- 314A49
Frontier
- 364A40
≈ Garnet Black Green
- 324851
≈ Dad’s Coupe
Üçlü +120° +240°
- 314A49
Frontier
- 4A4051
≈ Stone Violet
- 4F4233
≈ Peppercorn Rent
Bölünmüş tamamlayıcı +150° +210°
- 314A49
Frontier
- 513E49
≈ Passionfruit Mauve
- 533F38
≈ Caviar Black
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.51:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.20:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--frontier: #314a49;
--frontier-rgb: 49 74 73;
--frontier-oklch: oklch(0.388 0.031 192.8);
}
.element {
color: var(--frontier);
background-color: hsl(178 20% 24%);
border-color: oklch(0.388 0.031 192.8);
}Tailwind CSS v4
@theme {
--color-frontier: #314a49;
--color-frontier-50: #ecf8f8;
--color-frontier-100: #ddebeb;
--color-frontier-200: #c6d9d8;
--color-frontier-300: #a6bdbc;
--color-frontier-400: #8aa5a3;
--color-frontier-500: #6f8d8c;
--color-frontier-600: #5e7776;
--color-frontier-700: #4b5f5e;
--color-frontier-800: #364645;
--color-frontier-900: #253030;
--color-frontier-950: #141d1c;
}SCSS
$frontier: #314a49;
$frontier-rgb: 49, 74, 73;
$frontier-light: mix(#fff, $frontier, 20%);
$frontier-dark: mix(#000, $frontier, 20%);
.element {
color: $frontier;
box-shadow: 0 0 0 2px rgba($frontier, 0.35);
}