Nazwany kolor · #30594B
Federal Fund
Federal Fund to #30594B: rgb(48 89 75), hsl(160 30% 27%), oklch(0.429 0.052 169.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Federal Fund color name →
#30594B
oklch(0.429 0.052 169.7)
Konwersje koloru
- HEX
- #30594b
- RGB
- rgb(48 89 75)
- HSL
- hsl(160 30% 27%)
- HWB
- hwb(160 19% 65%)
- OKLCH
- oklch(0.429 0.052 169.7)
- OKLab
- oklab(0.429 -0.051 0.009)
- CIE Lab
- lab(34.49 -17.93 3.41)
- LCH
- lch(34.49 18.25 169.2)
- CMYK
- cmyk(46% 0% 16% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 44685B
- 57786C
- 6B887D
- 7F988E
- 94A9A0
- A8B9B3
- BECAC5
- D3DCD8
- E9EDEB
Odcienie ciemniejsze
- 284C40
- 214035
- 1A342B
- 132821
- 0C1D17
- 06130E
- 030906
- 010302
- 000000
Tony
- 395D50
- 416155
- 49655A
- 516960
- 596C65
- 61706A
- 697470
- 707875
- 787C7A
Harmonie kolorów
Komplementarna +180°
- 30594B
Federal Fund
- 664454
≈ Plum Harvest
Analogowa -30° +30°
- 30594B
Federal Fund
- 40573B
≈ Ficus
- 28585B
≈ Sea Challenge
Triada +120° +240°
- 30594B
Federal Fund
- 4F4B6B
≈ Darlak
- 674735
≈ Buckeye
Komplementarna rozszczepiona +150° +210°
- 30594B
Federal Fund
- 5C4662
≈ Purple People Eater
- 6A4444
≈ Twinberry
Tetrada +90° +180° +270°
- 30594B
Federal Fund
- 3F506D
≈ Ensign Blue
- 664454
≈ Plum Harvest
- 5F4C2D
≈ Dallas
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.90:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.65:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--federal-fund: #30594b;
--federal-fund-rgb: 48 89 75;
--federal-fund-oklch: oklch(0.429 0.052 169.7);
}
.element {
color: var(--federal-fund);
background-color: hsl(160 30% 27%);
border-color: oklch(0.429 0.052 169.7);
}Tailwind CSS v4
@theme {
--color-federal-fund: #30594b;
--color-federal-fund-50: #e7faf3;
--color-federal-fund-100: #d7eee6;
--color-federal-fund-200: #bfdcd1;
--color-federal-fund-300: #9dc1b4;
--color-federal-fund-400: #80a999;
--color-federal-fund-500: #639281;
--color-federal-fund-600: #547b6d;
--color-federal-fund-700: #436357;
--color-federal-fund-800: #30483f;
--color-federal-fund-900: #21322b;
--color-federal-fund-950: #101e19;
}SCSS
$federal-fund: #30594b;
$federal-fund-rgb: 48, 89, 75;
$federal-fund-light: mix(#fff, $federal-fund, 20%);
$federal-fund-dark: mix(#000, $federal-fund, 20%);
.element {
color: $federal-fund;
box-shadow: 0 0 0 2px rgba($federal-fund, 0.35);
}