Najbliższy nazwany kolor · #008958
#008958
Najbliższy nazwany kolor: Center Field
#008958 (rgb(0 137 88), hsl(159 100% 27%), oklch(0.556 0.127 159.5)) jest najbliższy nazwanemu kolorowi Center Field. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#008958
oklch(0.556 0.127 159.5)
Konwersje koloru
- HEX
- #008958
- RGB
- rgb(0 137 88)
- HSL
- hsl(159 100% 27%)
- HWB
- hwb(159 0% 46%)
- OKLCH
- oklch(0.556 0.127 159.5)
- OKLab
- oklab(0.556 -0.119 0.044)
- CIE Lab
- lab(50.13 -42.31 17.07)
- LCH
- lch(50.13 45.62 158)
- CMYK
- cmyk(100% 0% 36% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 349568
- 50A078
- 68AC88
- 7EB898
- 94C4A9
- AACFB9
- BFDBCA
- D4E7DC
- EAF3ED
Odcienie ciemniejsze
- 00764B
- 00643F
- 005333
- 004228
- 00311D
- 002212
- 001409
- 000703
- 000100
Tony
- 24885C
- 368860
- 438764
- 4E8668
- 58856C
- 618570
- 698474
- 718278
- 79817C
Harmonie kolorów
Komplementarna +180°
- 008958
Center Field
- A2538B
≈ Purple Zergling
Analogowa -30° +30°
- 008958
Center Field
- 5B8126
≈ Straken Green
- 00857F
≈ Egyptian Green
Triada +120° +240°
- 008958
Center Field
- 6569BB
≈ Bluish Purple Anemone
- B05536
≈ Brown Rust
Komplementarna rozszczepiona +150° +210°
- 008958
Center Field
- 895CAA
≈ Lusty Lavender
- B04F63
≈ Gala Pink
Tetrada +90° +180° +270°
- 008958
Center Field
- 2D77BA
≈ Bluish
- A2538B
≈ Purple Zergling
- A06400
≈ Cumin Ochre
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.44:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.71:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--center-field: #008958;
--center-field-rgb: 0 137 88;
--center-field-oklch: oklch(0.556 0.127 159.5);
}
.element {
color: var(--center-field);
background-color: hsl(159 100% 27%);
border-color: oklch(0.556 0.127 159.5);
}Tailwind CSS v4
@theme {
--color-center-field: #008958;
--color-center-field-50: #d6ffea;
--color-center-field-100: #c3f6db;
--color-center-field-200: #a3e6c3;
--color-center-field-300: #78cca3;
--color-center-field-400: #50b584;
--color-center-field-500: #0a9f67;
--color-center-field-600: #138658;
--color-center-field-700: #106c46;
--color-center-field-800: #0e4f31;
--color-center-field-900: #093721;
--color-center-field-950: #002210;
}SCSS
$center-field: #008958;
$center-field-rgb: 0, 137, 88;
$center-field-light: mix(#fff, $center-field, 20%);
$center-field-dark: mix(#000, $center-field, 20%);
.element {
color: $center-field;
box-shadow: 0 0 0 2px rgba($center-field, 0.35);
}